Как подключить свой css файл в CKEditor

Есть такой замечательный WYSIWYG редактор HTML-кода для браузеров как CKEditor.

По умолчанию, конечно, в нем используются стандартные стили css, которые идут в поставке вместе с редактором, но нам нужно подключить для использования наши стили, описанные в другом файле, это нужно сделать вручную.

Есть два варианта:

1. Исправить стили в файле contents.css под стили вашего сайта.
2. Подключить свой собственный css файл к редактору, который используеться на сайте.

 

В редакторе есть такая настройка contentsCss.

В config.js добавить:

config.contentsCss = 'путь к файлу css'; - если один файл css, или config.contentsCss = ['путь к файлу css','путь ко второму файлу css']; - если вы хотите подключить несколько файлов.

Пример:

config.contentsCss = '../css/main.css';

Теперь, редактируя контент с вашего сайта, вы будете видеть оформление HTML-текста в редакторе именно так как это будет выглядеть на HTML-странице для посетителей вашего сайта.

Tags: css CKeditor

2014-10-08