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

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

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

我发现如何。

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

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

你可以在纯HTML中做到这一点

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

希望这可以帮助!

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

 element.contentEditable = "true"; 

也可以看看:

  • 内容可编辑的MDN文档
  • 浏览器支持caniuse.com
 How about his: 

创build一个隐藏的“textArea”,并select(单击或hover)的div,隐藏Div和显示textArea。