有没有其他方法可以在不使用 designmode 属性的情况下在网页上制作 WYSIWYG 编辑器？答案

【问题标题】：Is there other way to make a WYSIWYG editor on a webpage without using the designmode property?有没有其他方法可以在不使用 designmode 属性的情况下在网页上制作 WYSIWYG 编辑器？
【发布时间】：2009-06-05 01:19:01
【问题描述】：

网页上的大多数 WYSIWYG 编辑器是否都使用 designmode 属性？除了使用这种方法还有其他方法吗？

（设计模式是先在 IE 上可用，其他浏览器后来也加入了吗？）

【问题讨论】：

最简单的解决方案是选择一个已经实现的开源解决方案。
@epascarello：考虑到除了 3 岁以上的 firefox 以外的所有浏览器都支持在所有浏览器中统一工作的 contenteditable，为什么需要“解决方案”？所有像 fck 或其他任何编辑器都会在元素上设置 contenteditable 位（或跳过旧版 firefox 的设计模式箍），并为您提供一排按钮，这些按钮直接调用已经在浏览器中实现的功能，

标签： javascript editor wysiwyg

【解决方案1】：

HTML5 定义了一个 contentEditable 属性，该属性可以应用于任何元素（包括 body 元素），它在 IE（我认为它发明了该属性）、Safari >2.0 和 Firefox 3.x 中受支持，其中 x 至少为 5 .

使用很简单

<div contenteditable>Yay, i'm editable!!!</div>

【讨论】：

【解决方案2】：

是的，这可能是在不嵌入由 Flash、Silverlight、Java 等制作的非 html 编辑器的情况下执行此操作的唯一方法。

是的，这个属性最早出现在 IE 中，后来在 Mozilla 中添加（大约 2003 年底），然后在 Opera 9 和 Safari 2 中添加。

【讨论】：