Transform Any Browser Window Into Text Editor

 -  Tips Tricks Chrome Firefox Safari TextEditor

Overview

  • Sometimes we need to write down one or two lines notes.
  • In that case we can use our web browser as a quick edit notepad.
  • All you need to do is type the following code into the browser’s URL.
  • It will make your page as editable just like notepad.

Simple Text Editor

data:text/html, <html contenteditable>

<img alt=Transform Any Browser Window Into Text Editor” src=”https://cloud.githubusercontent.com/assets/1223371/8450218/39db076e-1ff6-11e5-906a-0e3bcb8d3cfd.png”>

Sublime Type Text Editor

data:text/html,<title>Editor</title><style type="text/css">#e{font-size: 16px; position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/javascript");</script>

Transform Any Browser Window Into Text Editor

NOTE! For quick access save above code as a bookmark into your web browser.



Newsletter

Get updated when I create new content.
Unsubscribe whenever. Never any spam.

Note

I'm Tama. I turn down every ad, affiliate, and sponsor request I get. I write free resources that help people. If you enjoy my content, please consider supporting what I do.

Support my work