ブラウザをメモ帳に変えるJavaScriptブックマークレット

memo-javascriptbookmarklet

IDEA*IDEAにこのような記事があった。

たった一行でブラウザをシンプルなメモ帳に変える方法
http://www.ideaxidea.com/archives/2013/01/notepad_html.html

contenteditableをtrueにしてHTMLページを編集する方法はわりと知られているが、ブラウザをメモ帳にするというのはめずらしい。さすがにdata:text/html, <html contenteditable>は覚えづらいので使用する場合はJavaScriptブックマークレットとして登録しておくとよいかも。あとデフォルトだと行間が詰まっていて見づらいので<style>body{ line-height:1.5; }</style>も追記すると良い。

作成したブックマークレット。ブックマークのURLに貼り付けて実行するだけ
javascript:(function(){location.href%20=%20'data:text/html,%20<html%20contenteditable><style>body{%20line-height:1.5;%20}</style>';})();

ブラウザで作成したテキストは保存するときにファイルの種類をWebページにしてファイル名の拡張子を.txtにすれば改行が<br>タグになるので使いようによっては便利。