CKEditor добавляет стили CSS в Preview и Editor

Можно ли добавить CSS в стиль текста редактора, а также в Preview?

CMS имеет другой набор файлов CSS из открытой части веб-сайта, и я хочу, чтобы редактор попытался (по крайней мере) и отразил, как он будет выглядеть на сайте.

Например, все теги с классом .floatLeft {float: left; margin: 0 10px 10px 0;} Я хочу выглядеть так же в редакторе.

Ответы

Ответ 1

Установите переменную CKEDITOR.config.contentsCss. CKEDITOR.config.bodyClass и CKEDITOR.config.bodyId может помощь тоже. Это только варианты, которые у вас есть (я думаю).

Ответ 2

Чтобы быть более точным, вы можете отредактировать свой ckeditor/plugins/styles/styles/default.js и добавить в него что-то вроде {name: 'FloatLeft', element: 'span', attributes: {'class': ' плыть налево' }}.

Затем вы добавляете в свой ckeditor/contents.css(если вы решили использовать стиль редактора) или в своем собственном стиле .css объявление класса .floatLeft {float: left; margin: 0 10px 10px 0;}

Не забывайте очистить кеш браузера после сохранения:)

Enjoy