Bootstrap Widgets
CKEditor add-on
TinyMCE add-on
NEW
N1ED logo
N1ED is united plugin
for all JS+ plugins
N1ED logo Buy in bundle

Install Bootstrap Widgets to CKEditor

  1. Unpack archived files directly to ckeditor/plugins.
  2. Turn on the plugin in ckeditor/config.js:
    config.extraPlugins = 'jsplusInclude,jsplusBootstrapWidgets,jsplus_font_awesome';
  3. Specify framework (Bootstrap or Foundation) for Include CSS/JS add-on:
    config.jsplusInclude = {
        framework: "b3" // or "b4", "f5", "f6", "f6x"
      }
    b3 means Bootstrap 3 here.
    This option will affect to all other CSS framework-specific add-ons too.
    Read more about framework option or including CSS framework into the page.
  4. Add these buttons to the toolbar definition:
    • jsplus_bootstrap_button
      Inserting and editing button
    • jsplus_bootstrap_icons
      Inserting an icon (Bootstrap 3 only)
    • jsplus_bootstrap_label
      Inserting text styled as label
    • jsplus_bootstrap_badge
      Insert a badge
    • jsplus_bootstrap_breadcrumbs
      Navigation links
    • jsplus_bootstrap_alert
      Inserting text message
    • jsplus_bootstrap_gallery
      Upload images and insert as gallery
    • jsplus_font_awesome
      Insert Font Awesome icon
    • jsplusBootstrapAccordionAdd
      Insert accordion
    • jsplusBootstrapAccordionDelete
      Delete accordion
    See sample CKEditor toolbar configuration to find out more about this step.
  5. Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.