Include CSS & JS

Now contents in editor look like 100% like your website.

Include custom CSS screenshot Include Bootstrap and custom CSS screenshot Include Foundation and custom CSS screenshot
Bootstrap logo
Foundation logo
ckeditor iconCKEditor add-on
tinymce iconTinyMCE add-on
For any CMS Drupal Drupal WordPress WordPress Joomla Joomla

Features

Include custom CSS and JS files

Include custom CSS and JS files

Include CSS and JavaScript files to the document using the configuration file.

Bootstrap/Foundation integration

Bootstrap/Foundation integration

Add support for your framework using just one option.

Integration CSS&JS file to current page

Add CSS/JS in the edited document and to the current page

The Include plugin can apply styles not only to the edited document, but also to the page it is being edited on.

WYSIWYG

Enhanced WYSIWYG

The add-on allows including styles of your website to CKEditor or TinyMCE to make content look just like on your website.

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.