execCommand“insertBrOnReturn”如何工作？

Question

我在 Chrome 上尝试了以下代码：

document.execCommand("insertBrOnReturn", false, true);

http://jsfiddle.net/uVcd5/

无论我将最后一个参数设置为 true 还是 false，行为都不会改变：返回时，将添加新的<div>元素。

一定错过了什么......有什么想法吗？

Answer 1

insertBrOnReturn是Mozilla特定的命令， Chrome不支持它。 您可以使用以下方法进行测试：

 document.queryCommandSupported('insertBrOnReturn')

jsFiddle 在这里，它在Firefox 中警告为true ，但在Chrome 中为false 。

如果您只想插入<br> ，请尝试：

document.execCommand('insertHTML', false, '<br><br>');

另外，请检查： 防止 contenteditable 在 ENTER 上添加 <div> - Chrome

Answer 2

document.execCommand("insertLineBreak");

根据： https : //www.w3schools.com/jsref/met_document_execcommand.asp

您可以在以下位置检查规范命令： https : //w3c.github.io/editing/docs/execCommand/#dfn-the-insertlinebreak-command

Answer 3

我遇到了这个答案，但不喜欢在 Chrome 中，如果您的光标位于段落的开头，它会添加两个中断。 将第二个<br>更改为\‌可以使 Chrome 完美运行，而对于 Safari 则不然。

document.execCommand("insertHTML", false, "<br>\u200C");

什么是\‌? 不确定。 找到它引用here。

处理 contentEditable DIV 上的换行符