在CKEditor中删除新行时如何防止块样式传播到后面的块？

Question

当有 2 个块应用了样式，并且您删除了它们之间的空行时，较低块的样式将丢失并被前一个块的样式覆盖。如何防止这种情况发生？我希望样式保持不变，只删除换行符。

这是我想阻止编辑器执行的操作的示例：

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>

我在谷歌上进行了广泛的搜索，但找不到任何提及此行为或如何清楚地描述此行为的名称。任何建议表示赞赏！

Answer 1

这似乎是预期的结果，因为您删除了一个

H1

元素，而前一个元素是代码片段中的

P

标签。

检查此片段，其中前一个元素也是

H1

var editor = document.getElementById('editor');
 CKEDITOR.inline(editor);

<script src="//cdn.ckeditor.com/4.7.0/standard/ckeditor.js"></script>
<div id="editor" contentEditable>
  <h1></h1>
  <h1>Heading</h1>
</div>

如果您检查 HTML，然后删除，您将看到在示例中，

H1

元素确实被删除，并且其内容被移动到前一个

P

元素中。