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.
I'm working on improving this version for some interesting functionality, so keep your eyes open for v2.0.
Written by Brandon Anzaldi
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#