なんだかidea*ideaさんの たった一行でブラウザをシンプルなメモ帳に変える方法 という記事が話題になってまして、ブラウザをメモ帳代わりにするっていうお話なんですが…いろいろ調べてるうちにブラウザ上で動作するエディタができちゃいました。 contenteditableとは 件の記事ではWebブラウザのURL欄に data:text/html, <html contenteditable> というのを入力して開くと、ブラウザ自体がメモ帳のようにテキスト入力できるようになるよ!というネタでして、確かにテキスト入力すると書き込めるようにはなってるんですが残念ながら保存はできません。 ブラウザの【保存】でもhtmlとしてしか保存できないしなんだかテキストは実態参照になって(chromeで保存した場合)たり…といった感じなのです。 そもそもこのコードの【contenteditable】っての自体
![ブラウザをテキストエディタっぽく使うサンプルを作ってみたら意外に単純にできますた](https://cdn-ak-scissors.b.st-hatena.com/image/square/4a5da638e1f5687f3fcf96dc8d70c635349d19ef/height=288;version=1;width=512/https%3A%2F%2Fblog.56doc.net%2Fwp-content%2Fuploads%2F2017%2F05%2Fsample001-5.png)