WYSIWYG编辑器在div上使用contenteditable的可靠性如何？

Question

WYSIWYG编辑器在div上使用contenteditable的可靠性如何？

Sha*_*kan 5 javascript wysiwyg cross-browser contenteditable

我相信这个标题非常明显,但是,我可能会详细询问.我正在构建一个WYSIWYG编辑器,我真的就在它的开头.所以,我意识到也许知道利弊会启发我.基本上,我的问题是,因为我想要一个在所有主流浏览器中至少可以使用90%的编辑器,我可以在div中使用contenteditable进一步使用,与designMode和iframe相比,使用contenteditable有什么缺点和优点？此外,在研究我发现这个编辑器.我相信它没有使用任何这些属性,它正在移动textarea的位置.这是一种更好的方法吗？好吧,我知道有很多因素会影响最后一个问题的答案,但正如我所提到的,我在编辑器中查找的最重要的事情是它可以被90%的用户使用.注意:我不想使用任何第三方库.

Answer 1

Tim*_*own 2

对于大多数用途，我仍然喜欢designMode大多数浏览器上的 iframe 和 IE 中的 contenteditable<body>元素，这使得使用起来更容易。原因：

将可编辑内容放在 iframe 中可以有效地对其进行沙箱处理，并允许您将编辑器放入任何页面，并确信该页面的 CSS 和 DOM 事件不会影响可编辑内容
designMode在 Firefox 中更可靠。我发现了一些contenteditable不存在的错误designMode，这可能是因为 contenteditable 是最近才添加到 Firefox 中的，而 designMode 从 2003 年左右就已经存在了。

至于ACE，它的文本区域方法很聪明并且有很多优点，但我怀疑该方法仅限于等宽字体。此外，CodeMirror 2 使用相关方法，但同样仅限于等宽字体。

归档时间：	14 年，6 月前
查看次数：	2841 次
最近记录：	14 年，6 月前