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

contenteditable, cross-browser, html, javascript

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>

Problem

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.

Original source

Related problems