Question

102

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

rated 0 times [ 103] [ 1] / answers: 1 / hits: 62782 / 15 Years ago, mon, july 27, 2009, 12:00:00

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.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

leog

Add To Favorites

Follow

Total Points: 225

Total Questions: 113

Total Answers: 118

Location: Oman

Member since Wed, Apr 12, 2023

1 Year ago

leog questions

1 Why using toRef(props) and is it good idea to change their value in CompositionAPI?

Fri, Oct 1, 21, 00:00, 3 Years ago

1 Material-UI pickers trigger validation on blur not on change?

Sun, Sep 13, 20, 00:00, 4 Years ago

1 What's the difference between onClick ={ () => function()} and onClick = {function()}?

Thu, Jul 16, 20, 00:00, 4 Years ago

1 Detect an Electron instance via JavaScript

Mon, May 11, 20, 00:00, 4 Years ago

1 changing theme with react native elements not working?

Sat, Apr 18, 20, 00:00, 4 Years ago

View All

answered 15 Years ago jonmicahm · Accepted Answer

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>