javascript - 代码与我所见即所得的差异

Question

我创建了最简单的 WYSIWYG 编辑器，但在每个浏览器中生成了其他 html 代码。我使用:
a.execCommand('useCSS', false, true);
a.execCommand('styleWithCSS', false, false);例如:当我使用回车键时，Chrome 会生成不必要的 div ...IE 生成 <p>转到新行时的标签...Firefox 为我生成最好的代码，插入旧的 br:)

我必须为结果创建样式，因为差异太大了。

Answer 1

在按下 enter/return 时插入 div、p 或 br 不受 useCSS/styleWithCSS 选项的控制。此选项仅适用于样式。当你按下 enter/return 时会发生什么完全是特定于浏览器的。要使行为正常化，您可以在插入 <br> 的位置为返回键(代码 13)编写一个键处理程序。或 \n或者你喜欢什么时候 enter被按下。

请参阅以下问题以开始为此编写 key 处理程序:

Make a <br> instead of <div></div> by pressing Enter on a contenteditable

Cross browser event handler must capture [ENTER]