TinyMCE / CKEditor行高未正确实现

时间:2017-05-17 13:01:36

标签: css ckeditor tinymce wysiwyg font-size

我遇到像TinyMCE或CKEditor这样的WYSIWYG编辑器的问题,他们没有像标准文本编辑器那样直观地格式化行高。

在写字板,Google文档或任何标准文本编辑器中更改字体大小时,行高始终与行字体大小匹配,而不仅仅是字体大小&#39 ; s包装块:

预期行为 - Google文档:

enter image description here

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

行为错误 - TinyMCE

enter image description here

行为错误 - CKEditor

enter image description here

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

任何修复方法?

1 个答案:

答案 0 :(得分:0)

CKEditor在span标签中包装文本。在渲染CKEditor HTML的地方,跨度必须显示属性块,并且行高应该有效。