javascript - 对于所见即所得编辑器，在 div 上使用 contenteditable 有多可靠？

Question

我相信这个标题是不言自明的，但也许我还是应该问详细点。我正在构建一个 WYSIWYG 编辑器，而我真的才刚刚开始。所以，我意识到也许了解利弊会启发我。基本上，我的问题是，因为我想要一个至少可以在所有主要浏览器中使用 90% 的编辑器，我可以在 div 中使用 contenteditable 多远，以及与 designMode 和 iframe 相比，使用 contenteditable 的优缺点是什么？此外，在研究过程中我发现了 this editor .我相信它没有使用这些属性中的任何一个，而是在移动 textarea 的位置。这是更好的方法吗？好吧，我知道有很多因素会影响最后一个问题的答案，但正如我提到的，我在编辑器中查找的最重要的是它可以被 90% 的用户使用。注意:我不想使用任何第三方库。

Answer 1

contentEditable 不适用于 IE 中的 float :

<p>
  <img style="float:left" src="foo">
  <p contentEditable="true">very long text here ...
    ... this text won't flow round the image</p>
</p>

这是因为 contentEditable 触发了臭名昭著的 hasLayout .除此之外，一切都很好。