Last Updated: February 25, 2016
· d13

Notepad bookmarklet with Behave.js

Taking inspiration from another bookmarklet post, "One line browser notepad", I've decided to make it coder-friendly.

Armed with a JS library a co-worker of mine shared this morning called Behave.js, I wrote this:

data:text/html, <html><head><style type="text/css"> html { font-family: Arial } </style><script src=""></script><script>window.onload=function(){var editor = new Behave({textarea: document.getElementById('myTextarea')});};</script></head><body><textarea id="myTextarea" style="width:100%;height:100%;margin:0 auto;padding:1rem;font-size:1rem; border: none; outline: none" autofocus></textarea></body>


Don't forget to bookmark it afterward so you can fire up the editor whenever you need it.

2 Responses
Add your response


Behave.js looks awesome :) But why not use something like CodeMirror?

over 1 year ago ·

@dpashkevich Just checked it out. Very cool! I will try that one as well.

over 1 year ago ·