Skip to content

Instantly share code, notes, and snippets.

@19WAS85

19WAS85/notepad.html

Last active September 29, 2022 22:21
Show Gist options
  • Save 19WAS85/5161260 to your computer and use it in GitHub Desktop.
Save 19WAS85/5161260 to your computer and use it in GitHub Desktop.
Download ZIP
Put the content of release.html file into your address bar... Now you have a (salvable and editable) notepad in your browser!
Raw
notepad.html
data:text/html,
<!DOCTYPE html>
<html>
<head>
<title>Notepad</title>
<link rel="shortcut icon" href="http://www.veryicon.com/icon/16/Application/App/notepad.png" />
<script>
function onBodyLoad() {
document.body.addEventListener('DOMSubtreeModified', function () {
var firstLineText = document.body.firstChild.textContent;
document.title = firstLineText;
});
}
</script>
</head>
<body onLoad="onBodyLoad()" contenteditable style="max-width: 600px; margin: 20px auto; font-size: 11pt"></body>
</html>
Raw
release.html
data:text/html,<!DOCTYPE html><html><head><title>Notepad</title><link rel="shortcut icon" href="http://www.veryicon.com/icon/16/Application/App/notepad.png"/><script>function onBodyLoad(){document.body.addEventListener('DOMSubtreeModified', function (){var firstLineText=document.body.firstChild.textContent;document.title=firstLineText;});}</script></head><body onLoad="onBodyLoad()" contenteditable style="max-width: 600px;margin: 20px auto;font-size: 11pt"></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment