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

Question

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

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

Answer 1

我发现了怎么样.

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

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

为什么不设置属性`contenteditable = true`,而没有`onClick`？或者当IE得到解答时,IE不支持吗？ (10认同)
是的,我的朋友,它确实在Internet Explorer 6中工作!以下是有关此主题的更多信息以及在旧版Internet Explorer中使用它的风险.http://stackoverflow.com/questions/491790/risk-of-usingcontenteditable-in-ie谢谢. (2认同)

Answer 2

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

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

希望这可以帮助!

@Gothdo其实这是做到这一点的方法,不需要JS.使用接受的答案,您必须在div上单击**两次**以便第一次编辑它.这里div显示为一个普通的div,直到你点击它可以编辑它为止. (3认同)

Answer 3

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

element.contentEditable = "true";

也可以看看: