Question

我正在使用ckeditor

我想问一下如何在这个插件中设置font-family和font-size，我尝试过使用

CKEDITOR.config.font_defaultLabel = 'Arial';
CKEDITOR.config.fontSize_defaultLabel = '12px';

但这些命令只是改变了前端（字体名称和大小）

出路怎么样？

Answer 1

如果您使用的是classic editor，请检查CKEditor根文件夹中的contents.css文件。您可以更改所有HTML元素的样式，包括字体，也可以更改<body>元素（编辑区域）。

您可以指定要加载config.css的其他CSS文件，而不是修改默认config.contentsCss，这将为您将来的升级带来麻烦。见安娜的评论。

Answer 2

最适合未来的方法（1）是覆盖要在单独文件中更改的CKEditor内容的默认CSS样式，并通过editor configuration选项添加到config.contentsCss。

在CKEditor SDK中查看此方案的工作示例：http://sdk.ckeditor.com/samples/classic.html

使用自定义样式＆＃34;向下滚动到＆＃34;经典编辑器;样品;您可以在＆＃34;获取示例源代码＆＃34;中下载此解决方案的确切源代码。示例页面上的部分。在这种情况下，自定义字体和其他样式在单独的classic.css文件中定义，然后通过以下方式提供给编辑器实例配置：

<script>
    CKEDITOR.replace( 'myeditor', {
        /* Default CKEditor styles are included as well to avoid copying default styles. */
        contentsCss: [ 'contents.css', 'classic.css' ]
    } );
</script>

请记住，它仅对classic editor in inline editor content styles are the same as the page styles有效，因此所有内容样式都直接来自页面样式表。

（1）此方法优于修改默认contents.css文件，因为您upgrade CKEditor时不会冒险覆盖更改。

在CKEditor中设置font-size和font-family

2 个答案: