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

你知道如何使用JavaScript编辑<div>吗？ 我正在寻找跨浏览器的解决scheme。

类似于富文本区域，但使用可编辑的<iframe> 。 我需要一个类似的<div> 。
我不想使用replace文本框。

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: 

创build一个隐藏的“textArea”，并select（单击或hover）的div，隐藏Div和显示textArea。