如何在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>