CKEditor пользовательские стили из файла, не показывающего

Question

Я не могу добавить свой собственный файл CSS в CKEditor. Я загружаю пользовательскую версию 4.5.8 и включаю "StyleSheet Parser" plugin. В списке «Стили» есть стили по умолчанию, но не те из моего файла css.

Этот код:

CKEDITOR.config.contentsCss = '../../../css/test.css'; 

CKEDITOR.replace('editor1'); 

Редактор успешно загружен, но список «Стили» не содержит мои стили. Расположение моих файлов css кажется правильным, когда я пытаюсь использовать другие пути, я получаю сообщение об ошибке.

Это мой test.css:

.testStyle { 
    color: red; 
    font-family: "Arial Black", arial-black; 
} 

Уже попробовал очистки кэш браузера. Я попробовал это в нескольких браузерах.

Я попробовал еще одну вещь: скачать StyleSheet Parser отдельно, поместите его в папку плагинов, а также использовать следующий код:

CKEDITOR.config.extraPlugins = 'stylesheetparser'; 
CKEDITOR.config.contentsCss = '../../../css/test.css'; 
CKEDITOR.replace('editor1'); 

В списке «Стили» до сих пор не показывая свой стиль, но когда Я редактировать исходный код и поместить свой стиль, как это, стиль применяется к тексту в редакторе (!):

<p class="testStyle">Test text</p> 

Источники:

- CKEditor docs for the StyleSheet Parser

- The "contentsCss" option docs

Answer 1

Стили в CKEditor требуют элемент, поэтому StyleSheetParser признает только правила, которые включают в себя элемент и имя класса. Вы должны изменить свой CSS на

p.testStyle { 
    color: red; 
    font-family: "Arial Black", arial-black; 
}