ckeditor - CKEditor 4 对每个格式化操作使用单独的 span 标签

Question

我一直在搜索大量 CKEditor 帖子，但尚未找到该问题的针对性答案。我知道 CKEditor 是非常可配置的（我还没有利用它。）

对于执行的每个格式化操作，CKEditor 将其包装在一个单独的 span 标签中。因此，如果我 1) 将字体更改为 Arial 2) 将大小更改为 36px 3) 更改颜色，我最终会得到这个看起来不必要冗长的 HTML。

<p><span style="color:#DAA520"><span style="font-size:36px"><span style="font-family:arial,helvetica,sans-serif">Hi</span></span></span></p>

我宁愿它只是做了类似的事情<p style="..styles list">Hi</p>

我的问题：这是可配置的（以及如何配置），和/或他们这样做是否有理由让我接受这种行为？

score 3 · Accepted Answer

对于 CK Editor 而言，这似乎是一种相对干净的实现方式，并且有助于避免应用于不同跨度的不同样式的逻辑冲突。

如果您作为用户想要与多个变量（如大小、颜色或字体）保持一致的差异，那么我认为您真的应该使用类。像 CK 这样的 WYSIWYG 编辑器旨在实现可读但不美观的 HTML 代码。如果你想要更优雅的代码，你可能需要自己编写。

由于来自 WYSIWYG 编辑器/文字处理器的其他改编会生成看起来不雅的代码，例如 Microsoft Word/Outlook 或 Adobe 的新 CSS 布局功能，因此这个跨度输出实际上并不算太糟糕。

1 回答 1