如何使HTML <div>元素可编辑跨浏览器？</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";

另见：

• Content Editable MDN docs
• Browser support on caniuse.com

Answer 4

How about his: 

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