Install Foundation Widgets to TinyMCE
- Unpack archived files directly to
tinymce/plugins
. - Turn on the plugin in
initialization script:
plugins: 'jsplusInclude,jsplus_foundation_alert,jsplus_foundation_breadcrumbs,jsplus_foundation_button,jsplus_foundation_gallery,jsplus_foundation_icons,jsplus_foundation_label'
-
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 buttons
jsplus_foundation_button
- Inserting an icon
jsplus_foundation_icons
- Inserting text styled as label
jsplus_foundation_label
- Navigation links
jsplus_foundation_breadcrumbs
- Inserting text message
jsplus_foundation_alert
- Upload images and insert as gallery
jsplus_foundation_gallery
- Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.