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

我正在使用ckeditor

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

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

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

什么出路？

Answer 1

最具前瞻性的方法（1）是覆盖要在单独文件中更改的CKEditor内容的默认CSS样式，通过config.contentsCss选项添加到编辑器配置中 。

请参阅CKEditor SDK中的此方案的工作示例： http ： //sdk.ckeditor.com/samples/classic.html

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

请记住，它仅适用于经典编辑器，因为内联编辑器内容样式与页面样式相同 ，因此所有内容样式都直接来自页面样式表。

（1）此方法优于修改默认的contents.css文件，因为升级CKEditor时不会有覆盖更改的风险。

Answer 2

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

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