59

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

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

4

4 回答 4

83

我发现了如何。

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

<div onClick="this.contentEditable='true';">
    lorem ipsum dolor lorem ipsum dolorlorem ipsum dolor
</div>
于 2009-07-27T14:52:08.307 回答
13

您可以在纯 HTML 中执行此操作

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

希望这可以帮助！

于 2015-02-12T18:27:16.973 回答
6

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

element.contentEditable = "true";

也可以看看：

于 2016-01-02T18:04:53.100 回答
-2 
How about his:

制作一个隐藏的 "textArea" ，然后选择（单击或悬停） div ，隐藏 Div 并显示 textArea 。

于 2009-07-27T14:48:56.177 回答