如何在 CKEditor 4 中設置默認字體？

Question

我想在 CKeditor 4 中設置默認字體系列“Arial”。以下更改已完成。 但不工作。

在 config.js 中，

config.defaultFontLabel = "Arial";

Answer 1

您可以創建自己的 css 文件並將編輯器的樣式放入其中。 因此，創建一個名為MyStyle.css的樣式表並將其放入其中。 然后將其保存在某處，可能與 CKEditor 文件位於同一位置。

body {
    font-family: Arial;
    font-size: 14px;
    color: red;
}

然后在config.js以下行並指向 css 文件的正確路徑。

config.contentsCss = '/ckeditor/MyStyle.css';

或者，如果您想要每個實例不同的樣式，請使用此

<textarea id="CKEditor1" class="CKEditor"></textarea>

<script src="/ckeditor/ckeditor.js"></script>
<script>
    $('.CKEditor').each(function () {
        CKEDITOR.replace($(this).prop('id'));

        CKEDITOR.config.contentsCss = '/ckeditor/MyStyle.css';
    });
</script>