如何在 CKEditor 4 中设置默认字体答案

【问题标题】：How to set default font in CKEditor 4如何在 CKEditor 4 中设置默认字体
【发布时间】：2020-12-13 20:01:47
【问题描述】：

我正在尝试为 CKEditor 4 设置默认字体和字体大小

在 CKEditor 4 文档中找到了这个 https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-font_style

就像我想将默认字体更改为“Comic Sans MS”并将字体大小更改为“48”

这样尝试过，但不起作用

ckeditorConfig.font_style = {
  element:  'span',
  styles:  { 'font-family': 'Comic Sans MS' },
  overrides:  [ { element: 'font', attributes: { 'face': null } } ]
};

ckeditorConfig.fontSize_style = {
  element:  'span',
  styles:  { 'font-size': '48px' },
  overrides:  [ { element: 'font', attributes: { 'size': null } } ]
};

从堆栈溢出中找到这个，但没有工作示例How Can i change default font of Ckeditor?

在 CKEditor 的 instanceReady 上设置跨度也没有帮助 Is there a way to set the default font and font-size in CKEditor?

----更新---

上面的 CKEditor 配置覆盖了 CKEditor 的字体下拉选项并且不影响默认字体。似乎它将从下拉列表中选择的字体覆盖为配置中指定的字体。

有没有其他方法可以设置CKEditor 4的默认字体。

提前致谢。

【问题讨论】：

请试试这个 config.font_style = { element : 'span', styles : { 'font-family' : '#(family)','background-color': '#e5ffcd' } } ;请在 config.js 文件中提及这一点
谢谢@mariappank。尝试了font_style 配置。但似乎它覆盖了 ckEditor 字体下拉菜单中的字体设置，并且对默认字体没有任何作用。如果我错了，请纠正我。
您想覆盖下拉菜单中的默认字体吗？
没有。我想设置编辑器的默认字体。就像我们开始在编辑器上打字一样，我想要我的默认字体设置。这可以由最终用户从下拉菜单中更改。
感谢您的清晰解释，正如您提到的链接，您有实例就绪集数据方法工作正常。你能展示你的代码吗，你尝试了什么或者你可以试试这个 editor.setData('
');跨度>

标签： javascript html css ckeditor ckeditor4.x

【解决方案1】：

我为我的用例找到了解决方案。我有一段代码，清理了不需要的 ckeditor 书签。添加了一个 div，其中包含一些特定于字体设置的内联样式，以便在保存线程时保留字体样式。对于实时 UI 更改，向 ckeditor 的父 div 添加了一个样式，以在键入内容时反映字体样式。 ckeditorConfig.font_style 没用。使用ckeditorConfig.font_defaultLabel 设置ckeditor 的字体下拉值。我不能使用setData 方法来设置样式，因为它可能会阻碍一些现有的代码流。

【讨论】：