How to make an Instant Notepad in your browser window
How to make an instant Notepad in your Chrome, Firefox, Safari or Edge Browser. One line browser notepad. If you are a developer you m...
https://bethedev.blogspot.com/2016/11/how-to-make-instant-notepad-in-your.html
How to make an instant Notepad in your Chrome, Firefox, Safari or Edge Browser. One line browser notepad.
If you are a developer you may have faced a situation where a code which needs instant jotting down. Hence this instant NOTEPAD tutorial.
I just open a new tab and type in the URL tab. (Made a bookmark from it. you can simply open a text editor.)
data:text/html, <html contenteditable>
Notepad editor v2. if you want autofocus:
data:text/html, <textarea style="font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none" autofocus />
Why it works?
You don't need to remember it. It's not rocket science. We are using the Data URI's format and telling the browser to render an HTML (try "javascript:alert('Bazinga');"). The content of said HTML is a simple HTML line with the html5 attribute content editable. This works only on modern browsers that understand this attribute. Click and type!.
Software developer Jose Jesus Perez Aguinaga shared this code on Lifehacker.
Thank you.
This comment has been removed by a blog administrator.
ReplyDelete