Bootstrap Widgets
CKEditor add-on
TinyMCE add-on
Bootstrap Editor add-on
Purchase logo
Get for Bootstrap
Purchase logo
Get for Foundation

Install Foundation Widgets to TinyMCE

  1. Unpack archived files directly to tinymce/plugins.
  2. 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'
  3. Specify framework (Bootstrap or Foundation) for Include CSS/JS add-on:
    jsplusInclude: {
    	framework: "f5" // or "f6"
    f5 means Foundation 5 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_foundation_button
      Inserting and editing buttons
    • jsplus_foundation_icons
      Inserting an icon
    • jsplus_foundation_label
      Inserting text styled as label
    • jsplus_foundation_breadcrumbs
      Navigation links
    • jsplus_foundation_alert
      Inserting text message
    • jsplus_foundation_gallery
      Upload images and insert as gallery
    See sample TinyMCE toolbar configuration manual.
  5. Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.