Configuration

Technically there are two documents where you can embed your CSS/JS files:

  1. Editor document. This is an area where you edit your page (content area of CKEditor or TinyMCE).
  2. Global document. This is full the page you see in your browser, but excluding editor document.

Note that you can include CSS/JS into these two documents, but not to result content. Final HTML will be saved without links to these JS/CSS files.

If you use inline editing, editor document and global document are the same.

By default JS+ CKEditor & TinyMCE Include CSS/JS adds specified CSS or JS URLs into web editor document.
If you want to use the CSS/JS for both global and editor document at the same time please use includeCssToGlobalDoc and includeJsToGlobalDoc parameters.

framework: string
Default value: html
Available values: html, b3, b4, f5, f6
CSS framework to include. If you do not load Include add-on and do not set this parameter, all other Bootstrap/Foundation add-ons will not know about the mode they are used in. Also using this parametere will style your content document according to your CSS framework.
css: string[]
Default value: []
Array of URLs to CSS stylesheets you need to include.
js: string[]
Default value: []
Array of URLs to JS files for including into document.
includeCssToGlobalDoc: boolean
Default value: false
Available values: true, false
If this flat is set to true the specified CSS files will be added into global document (whole page with the editor) too.
includeJsToGlobalDoc: boolean
Default value: false
Available values: true, false
If this flat is set to true the specified JavaScript files will be added into global document (whole page with the editor) too.

For knowing more about the process of including Bootstrap or Foundation into your pages please see Bootstrap/Foundation include manual.