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

user_76381 0
Viewed 60792

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.

contenteditable cross-browser html javascript
4 Answers

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>
user_763810 
How about his:

Make a hidden "textArea" , and upon selecting(clicking or Hover) the div , hide the Div and Show the textArea .

user_1121040
Related