ckeditor - 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>