Search code examples
javascripthtmlcross-browsercontenteditable

How to make an HTML <div> element editable cross-browser?


Do you know how to make a <div> editable with JavaScript? I'm looking for cross-browser solution.

Something similar to a rich text area, but that uses an editable <iframe>. I need something similar for a <div>.
I don't want to use a replacement textbox.


Solution

  • I found out how.

    You use the contentEditable property of the DOMElement, like so

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