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

  1. In nowadays, finding an engineer is not a big deal. But the professional's work would not be done by them. In there Bauunternehmen Glattbrugg(Construction company) Wild AG can help you with the experts to help you in your project. When it comes to our services, we promise partnership, collaboration, and trust. Our team of experts approaches each project with an open mind, a collaborative adjustment, and a deep awareness of our clients' unique variables and long-term goals.

    ReplyDelete

emo-but-icon

Home item

Follow by Email

Popular Posts

Random Posts