如何使HTML <div>元素可编辑跨浏览器？

Question

你知道怎么用JavaScript编辑<div>吗？ 我正在寻找跨浏览器的解决方案。

类似于富文本区域的东西，但使用可编辑的<iframe> 。 我需要类似于<div>东西。
我不想使用替换文本框。

Answer 1

我发现了怎么样。

您使用DOMElement的contentEditable属性，就像这样

<div onClick="this.contentEditable='true';">
    lorem ipsum dolor lorem ipsum dolorlorem ipsum dolor
</div>

Answer 2

您可以使用纯HTML执行此操作

<div class="editable" contenteditable="true">
    Editable text...
</div>

希望这可以帮助！

Answer 3

将元素的contentEditable属性设置为"true" ：

element.contentEditable = "true";

也可以看看：

• 内容可编辑的MDN文档
• caniuse.com上的浏览器支持

Answer 4

How about his: 

创建一个隐藏的“textArea”，在选择（单击或悬停）div时，隐藏Div并显示textArea。