如何配置默認的文字顏色的CKEditor

Question

我可以設置background-color爲藍色：

eventHandler.addEventHandler('instanceReady', function(e) { 
    e.editor.document.getBody().setStyle('background-color', 'blue'); 
}); 

如何更改默認的顏色爲白色的CKEditor？

Answer 1

好，使用該方法時，簡直是

e.editor.document.getBody().setStyle('color', 'white'); 

然而，有一個內容樣式表，你也可以改變。它通常位於您的CKEditor安裝文件夾中，如/ckeditor/contents.css。

這兩者都只在編輯器內編輯編輯器內容，當編輯器內容顯示在別處時，保存後不應用樣式。要設置那裏的內容樣式，您需要手動解析CSS以包含在自己的樣式表中，或者如果樣式很簡單，只需將它們內聯。您的簡單樣式的輸出代碼可能如下所示（JSP）。

<div id="CKEditorOutput" style="color:white; background-color:blue;"> 
<%! 
    String ckeOutput() { 
     // Here output your saved contents from where ever you saved them 
     return "<p>Your CKEditor contents</p>"; 
    } 
%> 
<% ckeOutput(); %> 
</div>