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; 
} 

已經試過清除我的瀏覽器緩存。我在多個瀏覽器中嘗試過。

我想一兩件事：單獨下載樣式表解析器，把它的插件文件夾，使用下面的代碼：

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; 
}