如何在CKEditor 4中设置默认字体和字体大小

Tks*_*ter 6 ckeditor ckeditor4.x

我使用以下代码在 CKEditor 4 中设置默认字体和字体大小:

config.font_defaultLabel = 'Tahoma';
config.fontSize_defaultLabel = '24px';
Run Code Online (Sandbox Code Playgroud)

但上面的代码在 Mozilla Firefox 上不起作用。

小智 5

我使用下面的方法更改了字体大小和字体系列,

CKEDITOR.addCss(".cke_editable{cursor:text; font-size: 14px; font-family: Arial, sans-serif;}");
Run Code Online (Sandbox Code Playgroud)


j.s*_*ski 2

这是一个复杂的问题。这些设置仅在下拉列表中设置标签,这意味着如果存在与字体下拉列表中定义的任何字体不匹配的字体,或者没有定义的字体,则 Tahoma 将显示在下拉列表中(不必匹配) )。标签不会在编辑器中强制使用特定字体。

如果你想将 Tahoma 作为默认字体,你需要在 CSS 中设置它。对于经典编辑器,您需要将其设置在ckeditor/contents.cssforbody元素中。对于内联编辑器,您需要在主页CSS文件中设置它。

注意:有一些方法可以在编辑器中强制使用特定的固定字体集(即使从外部资源粘贴不同的字体),但它们需要使用高级内容过滤器(ACF)和转换。如果您想了解有关 ACF 的更多信息,请参阅以下链接:

基本上,使用addTransformations方法,您可以检查所有字体spans并查看其使用的字体是否在定义的字体列表中。如果不是,您可以删除它或应用默认的 Tahoma 字体。另请注意,如果您想使用转换,则无法禁用 ACF。