Включая пользовательские стили содержимого ckeditor

Question

Есть ли возможность иметь одинаковые стили css в области содержимого ckeditor и в других представлениях в приложении? Например, я переопределил некоторый класс для таблиц в моем приложении css, но когда я создаю таблицу в ckeditor, она выглядит иначе, чем в представлениях. Я обнаружил, что могу устанавливать стили для содержимого в файле contents.css, но возникает другая проблема. У меня есть все мои стили, сделанные в css.scss, и лучший способ для меня - просто импортировать их в контент ckeditor, но я не знаю, есть ли способ сделать это?

Answer 1

Самый простой способ - изменить тип файла contents.css на contents.css.scss. Цемент ckeditor также делает вещи немного проще, чем интеграция: https://github.com/galetahub/ckeditor

Answer 2

Вы можете изменить путь до contents.css и включить несколько таблиц стилей. Укажите config.contentsCss в вашем config.js или непосредственно при создании редактора:

CKEDITOR.replace('foo', { contentsCss: [ ... ] }); 

таблицы стилей будут закачиваться и содержание редактора будет соответствовать вашему сайту. Прочтите official guide about styles, чтобы узнать больше.