Notes & TILs
Search…
Live Editing HTML
Yes !, you can live edit webpages by adding the following in the <html> tag.
1
<!DOCTYPE html>
2
<html contenteditable>
3
<head>
4
<title>Yay! Live Editing</title>
5
</head>
6
<body>
7
<p>Try Editing Tis</p>
8
</body>
9
</html>
Copied!
Setting contenteditable="true" will make its content editable.
So what ? Well you can use this HTML5 feature to make a motepad right into your browser.
1
data:text/html, <html contenteditable <head ><title>Notepad</title></head><body style="background-color:black;color: white;"></body></html>
Copied!
Last modified 1mo ago
Copy link