How to make tags editable in HTML?
Published December 27, 2020
To make any tags editable in HTML, you can use the global
contenteditable attribute and pass the string
For an example let's consider a
div tag, with some content inside it like this,
<!-- Not editable right now --> <div>This is not editable right now!</div>
Normally the content inside a
div tag is not editable.
Now let's make it editable by using the
contenteditable attribute and passing string
true like this,
<!-- 🔥 Make div tag editable 🔥 --> <div contenteditable="true"> This is editable right now! Click me and write something </div> <!-- Go to link below to play with it -->
See this example live in JSBin