javascript - 如何在各种浏览器中按下输入后更改 contenteditable block 的行为

Question

在 <div contenteditable="true"> </div> 中按回车键时在 Firefox 中 <br />生产 - 没关系。但是在 Chrome 或 IE 中一个新的 <div>或 <p>被 build 。我应该怎么做才能使 Chrome 和 IE 的行为像 Firefox。

Answer 1

正如 Douglas 之前所说，当客户在可编辑页面上开始一个新段落时，浏览器会尝试克隆之前的标签。当浏览器没有任何偏离时，就会出现差异——例如最初页面主体为空时。在这种情况下，不同的浏览器表现不同:IE 开始将每个字符串包装到

标记中，Chrome 将每一行包装在

中。

为了增加跨浏览器体验，WebKit 开发人员引入了 DefaultParagraphSeparator命令。您可以在 Chrome 的页面加载中使用以下 JavaScript 将默认段落分隔符更改为

标记:

document.execCommand('defaultParagraphSeparator', false, 'p');

关于javascript - 如何在各种浏览器中按下输入后更改 contenteditable block 的行为，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2735672/