默认 ckeditor 配置中缺少字体标签

Question

我在使用 CKEditor 时遇到了一个非常烦人的问题。

当我第一次加载它时，它看起来像这样：

然后，当我点击里面输入时，它是这样的：

好的，一切都很好，但看看我输入内容时内容会发生什么：

我没有任何 Arial 12 标签，所以当我得到这个 HTML 并处理它时，我永远不会知道它应该是 Arial 12。

现在，如果我手动更改它，那么它可以工作，但是当我在 CKEditor 窗口外部单击然后再次返回内部时，它会返回初始状态，没有标签，请看：

我已经尝试了谷歌上的所有解决方案，比如添加

font-family: sans-serif, Arial, Verdana, "Trebuchet MS" !important; font-size: 12px !important; 在content.css，

或添加

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

在 config.js 等中

有人可以帮帮我吗？

Answer 1

我想你误解了config.font_defaultLabel、config.fontSize_defaultLabel 的作用。他们只做一件事——在下拉菜单中设置默认标签。仅此而已。

那么如何将 Arial 12px 应用于整个内容？像你一样使用contents.css。

我没有任何 Arial 12 标签，所以当我得到这个 HTML 并处理它时，我永远不会知道它应该是 Arial 12。

您只需将其设置在contents.css 中，所以我认为您对此非常了解；）。

但我想要 <span> 标签包裹整个内容！ （我的报价：P）

CKEditor 对此无济于事，因为这违反了良好做法。您应该使用 CSS 的强大功能，而不是使用演示标记弄脏您的 HTML。