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