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" }b3means 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 buttonjsplus_bootstrap_button
Inserting an icon (Bootstrap 3 only)jsplus_bootstrap_icons
Inserting text styled as labeljsplus_bootstrap_label
Insert a badgejsplus_bootstrap_badge
Navigation linksjsplus_bootstrap_breadcrumbs
Inserting text messagejsplus_bootstrap_alert
Upload images and insert as galleryjsplus_bootstrap_gallery
Insert Font Awesome iconjsplus_font_awesome
Insert accordionjsplusBootstrapAccordionAdd
Delete accordionjsplusBootstrapAccordionDelete
- Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.

Buy in bundle