字体名称和大小下拉列表中的 CKEditor（默认）项

Question

在 CKEditor 的示例中，Font Name 和 Font Size 下拉菜单中有一个项是（默认），它允许用户将 Font Name 和 Size 更改回默认设置。

当我们在这两个下拉列表中选择默认项时，在我们检查内容的来源时删除了为指定字体名称和大小创建的跨度。

来源：https://ckeditor.com/latest/samples/index.html

但是，当我通过如何设置这个配置谷歌时，正常的答案是设置默认标签，这无法达到示例所示的效果。

请问如何设置配置才能达到与示例相同的效果？

非常感谢。

Answer 1

我不确定这是否正是你的意思，但如果你问如何通过 JavaScript 设置默认字体，那么答案是你不能这样做。默认字体只能在经典编辑器的ckeditor/contents.css（查找body元素定义）或内联编辑器的主页CSS文件中设置。

如果您已将默认字体（在您的 CSS 中）设置为 Times New Roman，您还可以将默认字体标签设置为相同的值，以便在当前选择中没有匹配的字体时显示默认字体。请看：

• https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-font_defaultLabel

• https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-font_names

字体大小也可以这样做：

• https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-fontSize_defaultLabel

• https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-fontSize_sizes

请注意，字体下拉菜单不完全区分上下文，这意味着它们仅在完全匹配的情况下显示给定的字体名称或大小。如果 CKEditor 设置例如<span style="font-family:Courier New,Courier,monospace">test</span> 字体下拉菜单将仅显示名称 Courier New，前提是您在 HTML 中设置了 span 元素，其中 Courier New,Courier,monospace 为 font-family 值。在所有其他情况下，将显示“默认”标签或默认字体名称（如果您已设置 font_defaultLabel）。当您粘贴未在下拉定义中定义的字体（例如来自 MS Word）时，这当然会导致问题。在这种情况下，编辑器将显示无效值，因为它将使用默认标签或默认字体名称。

可以借助高级内容过滤器 (ACF) 和 addTransformations 方法解决问题。我已经简单解释了here。

希望这会有所帮助。