ContentEditable替代方案

ski*_*rk1 2 html javascript html5 contenteditable

我一直在研究创建一个富文本编辑器,起初我正在计划使用contentEditable,但事实证明结果非常不一致,并且输出HTML经常被破坏.

我想知道是否有使用contentEditable的替代方法,例如Google Docs的方式(他们创建了自己的引擎).

J. *_* K. 6

甚至Google Docs都是基于contentEditable构建的.然而,他们以与大多数编辑人员不同的方式使用它.

当您对文档区域进行聚焦时,由于假插入符号,它看起来似乎是聚焦的.实际的重点是<iframe>设置键盘事件监听器.然后引擎(kix)根据您按下的键修改文档区域.

这很棒,因为实际上没有严重的跨浏览器不一致,因为浏览器不是修改DOM的人.

我能想到的唯一选择可能是简单的文本输入而不是contentEditable元素,但是当你可以利用contentEditable时,为什么还要担心最大长度等问题;-)

  • 您确定 Google 文档在隐藏的 iframe 上使用了“contenteditable”吗?上次我看,我找不到任何内容。不过我很可能是错的。 (2认同)