httpwwwbethedevcom
324329524619168
Loading...

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...


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.
Other 5856516115198971061

Post a Comment Default Comments Disqus Comments

emo-but-icon

Home item

Follow by Email

Popular Posts

Random Posts