Last Updated: February 25, 2016
·
1.039K
· 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.

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Did you know?

JavaScript on a page runs with the privileges of that origin. One altered library, tag manager, or snippet can read inputs, change what people see, and call your APIs as the user.

Security insights from Cside