Install Bootstrap Widgets to CKEditor
- Unpack archived files directly to
ckeditor/plugins
. - Turn on the plugin in
ckeditor/config.js
:config.extraPlugins = 'jsplusInclude,jsplusBootstrapWidgets,jsplus_font_awesome';
-
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. - Add these buttons to the toolbar definition:
- Inserting and editing button
jsplus_bootstrap_button
- Inserting an icon (Bootstrap 3 only)
jsplus_bootstrap_icons
- Inserting text styled as label
jsplus_bootstrap_label
- Insert a badge
jsplus_bootstrap_badge
- Navigation links
jsplus_bootstrap_breadcrumbs
- Inserting text message
jsplus_bootstrap_alert
- Upload images and insert as gallery
jsplus_bootstrap_gallery
- Insert Font Awesome icon
jsplus_font_awesome
- Insert accordion
jsplusBootstrapAccordionAdd
- Delete accordion
jsplusBootstrapAccordionDelete
- Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.