Tutorial by Examples: contenteditable

<p contenteditable>This is an editable paragraph.</p> Upon clicking on the paragraph, the content of it can be edited similar to an input text field. When the contenteditable attribute is not set on an element, the element will inherit it from its parent. So all child text of a conte...

Events that work with most form elements (e.g., change, keydown, keyup, keypress) do not work with contenteditable. Instead, you can listen to changes of contenteditable contents with the input event. Assuming contenteditableHtmlElement is a JS DOM object that is contenteditable: contenteditableH...

Open console: Ctrl+Shift+J (Windows/Linux) Cmd+Opt+J (Mac) Insert document.body.contentEditable = true or document.designMode = 'on' and press ENTER