Install Foundation Widgets to CKEditor

1. Unpack archived files directly to ckeditor/plugins.
2. Turn on the plugin in ckeditor/config.js:

   config.extraPlugins = 'jsplusInclude,jsplusFoundationWidgets';

3. 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.
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 CKEditor toolbar configuration to find out more about this step.
5. Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.