如何使HTML 元素可编辑跨浏览器?(How to make an HTML
el

2019-06-17 16:30发布

你知道如何使一个<div>编辑用JavaScript? 我在寻找跨浏览器的解决方案。

类似的东西,以丰富的文字区域,但使用一个可编辑的<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";

也可以看看:

  • 内容编辑MDN文档
  • caniuse.com上浏览器支持


Answer 4:

How about his: 

做一个隐藏的“文本区域”,并在选择(点击或悬停)的股利,隐藏div和显示文本区域。



文章来源: How to make an HTML
element editable cross-browser?