我在使用 CKEditor 更改我的原始段落格式时遇到问题,并产生负面影响。
我从使用 setData() 加载到 CKEditor 的基本段落开始:
<p><span style="font-size:50px">My Text</span></p>
... more document content ...
在编辑器中,我将光标移动到短语“My Text”的末尾并按 Enter(启用 config.enterMode=CKEDITOR.ENTER_BR 设置)。检查编辑器中的标记,我现在看到:
<p><span style="font-size:50px">My Text<br><br></span></p>
... more document content ...
然后,当我调用 getData() 从编辑器中提取内容并将文档保存到数据库时,getData() 提取的 HTML 如下所示:
<p><span style="font-size:50px">My Text</span><br> </p>
... more document content ...
这是一个问题,因为在编辑时,<br>
标签位于内部<span>
并且受 50px 字体大小样式的影响。用户在下一段文档内容之前看到了一个 50px 的空白行。将 HTML 保存到数据库并稍后重新加载后,<br>
标签现在位于<span>
50px 字体大小之外,并且空行看起来比以前小得多。
文本格式的往返保真度没有保留,用户对结果感到沮丧。
有人可以帮助我了解<br>
在编辑生命周期中重新格式化和移动标签所看到的结果,以及如何解决这个问题?
使用CKEditor v4.4.1