Include CSS & JS
CKEditor add-on
TinyMCE add-on
NEW
N1ED logo
N1ED is united plugin
for all JS+ plugins
N1ED logo Buy in bundle

Install Foundation Include CSS & JS to CKEditor

  1. Unpack archived files directly to ckeditor/plugins.
  2. Turn on the plugin in ckeditor/config.js:
    config.extraPlugins = 'jsplusInclude';
  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. Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.

Configuration

Optionally, you can configure the plugin for your needs. A number of parameters are available for that. Parameters are a key-value structure that's passed along with the main config of CKEditor.

You can specify this parameters in standard CKEditor configuration file ckeditor.js:


  config.jsplusInclude = {
    key1: "value1",
    key2: true
  };
        

If you do not use config.js or prefer not to change it, you can pass these parameters as the second argument of function CKEDITOR.replace which you use for CKEditor initialization. For example:


  CKEDITOR.replace("textAreaId", {jsplusInclude: {key: "value"}});
        

For Drupal 8 users we recommend to configure all parameters via control panel if CMS (all options of the plugins are located on configuration page of CKEditor).

Explore the list of available options to see what settings are available to you.