在contenteditable块中分出和/或删除段落

我最近一直在玩contenteditable。 我敲了一个我很满意的简单编辑器原型。 有一件事让我感到困惑。

如果我有一个段落,并且我的光标(插入符号)就像这样:

<p>some text |</p>

我如何摆脱这个段落? 是否有一个组合键或一个execCommand可用于在下一行中跳出它?

如果将光标(插入符号)放在段落的末尾,然后按回车键,则会生成一个新的空p标签。 写文本块时通常情况正常。 但是说我想插入一个图像或代码块。 我不希望这是在一个p标签内,但我看不到一个突破的方式。

我试着突出显示整个p块,然后使用:

document.execCommand('removeFormat', false, null);

这适用于其他内联格式(例如粗体),但在这种情况下不会执行任何操作。

这是一个JsFiddle的例子,这可能更有意义。

谢谢

链接地址: http://www.djcxy.com/p/74323.html

上一篇: Breaking out and/or removing a paragraph in a contenteditable block

下一篇: Customizing Contenteditable behavior with javascript