Last Updated: February 25, 2016
·
787
· caffeinewriter

QuickPad v1: A Browser Notepad Variant

After the wild popularity of the one line browser notepad, and seeing Jeremy's enhanced version, I decided to make my own version with some minor improvements.

data:text/html, <title>Text Editor</title>
<link href="data:image/x-icon;base64,AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA+B8AAPw/AAD+fwAA/n8AAP5/AAD+fwAA/n8AAP5/AAD+fwAA/n8AAN57AADOcwAAwAMAAMADAAD//wAA" rel="icon" type="image/x-icon" />
<script>(function(b,l,k){b.innerHTML=l.getItem(k);b.addEventListener("keypress",function(e){l.setItem(k,b.innerHTML)},false)})(document.body,localStorage,"bkmlt.ntpd")</script>
<body contenteditable id="pad" style="font-family:arial;font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:0.5rem;">
  • Changed the font to Arial, which I find quite pleasing and simple.
  • Changed the favicon to a simple 'T', and encoded it in Base64 to eliminate dependencies.

Hosted Example

I'm working on improving this version for some interesting functionality, so keep your eyes open for v2.0.