TinyMCE / CKEditor line-height 未正确实现

Question

我对 TinyMCE 或 CKEditor 等 WYSIWYG 编辑器有疑问，它们不像标准文本编辑器那样直观地格式化行高。

在写字板、Google Docs 或任何标准文本编辑器中更改字体大小时，行高始终匹配行字体大小，而不仅仅是其包装块的字体大小：

预期行为 - Google 文档：

不幸的是，TinyMCE 或 CKEditor 在这方面过于简单，因此它们通过将所选文本包装到内联跨度来设置字体大小。并且内联元素不能设置不同的行高。 虽然我理解干净代码的要求，但结果并不是普通用户所期望的。

错误行为 - TinyMCE

错误行为 - CKEditor

我的客户对默认情况下没有实现这样的基本功能感到惊讶，我们需要深入研究编辑器的 JS 代码以实现正确的行高格式。

有解决办法吗？

Answer 1

CKEditor 将文本包装在 span 标签中。在你渲染 CKEditor HTML 的地方，spans 必须有显示属性块，并且 line-height 应该可以工作。