Include CSS & JS logo

Include CSS & JS add-on for TinyMCE 4

Include CSS and JS for TinyMCE
Include CSS JS screenshot
Include CSS JS screenshotInclude Bootstrap screenshotInclude Foundation screenshot
Include CSS & JS logo

The Include CSS/JS add-on gives you full control over including of stylesheets and JavaScript files in your document and the page the document is edited on.

The plugin is especially handy if you use Bootstrap or Foundation framework on your website: in this case you can painlessly make content of the document in CKEditor or in TinyMCE responsive and correctly marked up. Thanks to fine-tuning you can specify which components of Bootstrap/Foundation you want to apply. The add-on supports downloading from the official CDN as well as from your local installations of the framework.

If you use your own CSS framework or custom styles, you can manually specify a set of file to include. That is, you can adapt the edited document to the style of your website. It is much easier to edit pages when you see them exactly in the same fonts, sizes and colors as your main theme. This allows you to stop using the preview functions every minute, which is basically the main advantage of WYSIWYG by design.

Get more info on Include CSS & JS home page:

TinyMCE 4 logoTinyMCE 4 compatible
Include CSS & JS logo [object Object] logo

Include CSS & JS add-on was merged with Bootstrap Editor.

Bootstrap Editor contains all features provided by Include CSS & JS and adds many new, supporting now both TinyMCE 4 and TinyMCE 5. Using Bootstrap Editor is highly recommended.

Get Bootstrap Editor


Include CSS & JS add-on installation

  1. First of all think about migration to Bootstrap Editor instead of Include CSS & JS plugin installation.
    This is a risk-free and highly recommended alternative.
  2. Download plugin from developer website
  3. Copy jsplusInclude directory to tinymce/plugins/.
  4. Edit TinyMCE config and add jsplusInclude to plugins key

Refer to TinyMCE add-ons installation manual for more details