在CKEditor中删除新行时,如何防止块样式传播到下一个块?

时间:2017-06-26 18:00:17

标签: javascript html ckeditor wysiwyg

如果有2个块已应用了样式,并且您删除了它们之间的空行,则下块的样式将丢失并被前一个块的样式覆盖。怎么预防这个?我希望样式保持不变,只需删除换行符。

这是我想阻止编辑器做的一个例子:

CKEditor bug

var editor = document.getElementById('editor');
 CKEDITOR.inline(editor);
<script src="//cdn.ckeditor.com/4.7.0/standard/ckeditor.js"></script>
<div id="editor" contentEditable>
  <p></p>
  <h1>Heading</h1>
</div>

我已广泛搜索,但无法找到任何提及此行为或如何清楚地描述此行为的名称。任何建议表示赞赏!

1 个答案:

答案 0 :(得分:0)

它似乎是预期的结果,因为您删除了H1元素,而前一个元素是代码段中的P标记。

选中此前一个元素也是H1

的代码段

&#13;
&#13;
var editor = document.getElementById('editor');
 CKEDITOR.inline(editor);
&#13;
<script src="//cdn.ckeditor.com/4.7.0/standard/ckeditor.js"></script>
<div id="editor" contentEditable>
  <h1></h1>
  <h1>Heading</h1>
</div>
&#13;
&#13;
&#13;

如果您检查HTML然后删除,您会在示例中看到H1元素确实已删除,其内容已移至上一个P元素。