Make your browser a notepad

154 Flares Filament.io 154 Flares ×

You only use your browser for surfing the internet, checking your emails, facebooking and the list goes on. You can only write in your browser in specific locations. Its like small prisons where the user has the ability to fill them. They can be the address bar, comment sections and other form fields.

This nifty little trick is able to make any browser a “notepad.” You can even save the text written in your new browser notepad by simply pressing CTRL+S or by going to the file menu and saving it from there. Tip by Jose Jesus Perez Aguinaga


How to enable Notepad Feature for your Browser

  1. Open new tab in your browser window. This can be any of the browsers like Mozilla FireFox, IE, Google Chrome, Apple Safari, Opera etc.
  2. Paste the following line of code in the address bar

    data:text/html, <html contenteditable>

    and voila, browser notepad.

This trick is intended for browsers which can understand HTML5 language or modern browsers.

More Variations

Try these variations in your browser new tab. You can also tweak the code to match it your liking by changing CSS.


data:text/html, <title>Text Editor</title><body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;background: springgreen;color: white;">

data:text/html, <textarea style="font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none" autofocus />

data:text/html, <title>Text Editor</title><body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">

data:text/html;charset=utf-8, <title>TextEditor</title><body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;" spellcheck="false">

=)
154 Flares Twitter 4 Facebook 36 Google+ 58 StumbleUpon 56 Pin It Share 0 Filament.io 154 Flares ×