Today I Learned
Search…
Live Editing HTML
Yes !, you can live edit webpages by adding the following in the <html> tag.
<!DOCTYPE html>
<html contenteditable>
<head>
<title>Yay! Live Editing</title>
</head>
<body>
<p>Try Editing Tis</p>
</body>
</html>
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.
data:text/html, <html contenteditable <head ><title>Notepad</title></head><body style="background-color:black;color: white;"></body></html>
Copy link
Edit on GitHub