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

Question

Можно ли добавить CSS для стилизации текста редактора, а также предварительного просмотра?

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

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

Спасибо.

Answer 1

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

Answer 2

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

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

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

Наслаждайтесь