📡 You're offline — showing cached content
⚡ New version available!
Quick Access
🗺️ Roadmaps 🃏 Flashcards 📚 Series 🎓 Tutorials 🗺️ My Path 🎤 Mock Interview ⚡ Cheat Code 📄 Resume Builder 🛠️ Dev Tools
Tutorials › HTML Fundamentals › Contenteditable

Contenteditable

4 min read
contenteditable='true' makes any element directly editable in the browser. Read content with element.innerHTML or textContent. Always sanitize edited content with DOMPurify before showing it to other users.

Editable HTML Elements

<!-- Make any element editable -->
<div contenteditable="true">
    Click to edit this text!
</div>

<!-- Simple rich text editor -->
<div contenteditable="true"
     role="textbox"
     aria-multiline="true"
     aria-label="Content editor">
    Write something...
</div>