Install Bootstrap Widgets to TinyMCE
- Unpack archived files directly to
tinymce/plugins
. - Turn on the plugin in
initialization script:
plugins: 'jsplusInclude,jsplus_bootstrap_alert,jsplus_bootstrap_breadcrumbs,jsplus_bootstrap_button,jsplus_bootstrap_gallery,jsplus_bootstrap_icons,jsplus_bootstrap_badge,jsplus_bootstrap_label,jsplus_font_awesome,jsplusBootstrapAccordion'
-
Specify framework (Bootstrap or Foundation) for Include CSS/JS add-on:
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.