Как загрузить стили в Ckeditor?

Question

Как загрузить стили из таблицы стилей в список стилей ckeditor?

Возможно ли это?

Я пытался поместить это в файл config.js, но он не загружает никакие стили в список редакторов

config.extraPlugins = 'stylesheetparser';
config.contentsCss = '/css/style.css';

Возможно, я не создаюмои стили прямо в таблице стилей?Что-то мне не хватает?

Answer 1

Да, это возможно.Вы можете найти подробную информацию по этому URL

http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Styles

Например;

Во-первых, добавьте стили css "my_styles" в CKEDITOR.stylesSet в плагинах / стилях / плагине.js

Следующий код показывает, как зарегистрировать определение стиля образца.

CKEDITOR.stylesSet.add( 'my_styles',
[
    // Block-level styles
    { name : 'Blue Title', element : 'h2', styles : { 'color' : 'Blue' } },
    { name : 'Red Title' , element : 'h3', styles : { 'color' : 'Red' } },

    // Inline styles
    { name : 'CSS Style', element : 'span', attributes : { 'class' : 'my_style' } },
    { name : 'Marker: Yellow', element : 'span', styles : { 'background-color' : 'Yellow' } }
]);

Когда определения будут готовы, вы должны дать указание редактору применить вновь зарегистрированные стили с помощью параметра stylesSet.Это может быть установлено в файле config.js, например:

config.js

config.stylesSet = 'my_styles';

Answer 2

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

p.red { color:red; padding:1em }

Но эти другие не будут распознаваться плагином (вам нужно настроить его)

p {color:red; padding:1em}
.red {color:red; padding:1em}
#red {color:red; padding:1em}