ブログエディターに下書き機能を実装しました。

記事タイトル、本文、追記
の内容を保存し、再利用することが出来ます。


ブログのエディタページで[下書き]リンクをクリックすると開きます。

[現在の内容を保存]ボタンをクリックすると保存されます。

データが存在する場合、
記事タイトルの選択が出て、
[ロード][削除]
ボタンが出ます。

選択して[ロード]すると、
記事タイトル、本文、追記の内容が上書きされます。

選択して[削除]すると保存データが消えます。


データはサーバー側ではなく、ブラウザのlocalStorageに保存されますので、
複数ブラウザでの共有はできません。
localStorageはクライアント依存ですが、数MB保存できるはずです。
IE7はたしかダメ。


下書き機能は、
<menu>タグでのコンテキストメニューの拡張で実装を検討していましたが、
<menu>タグでのコンテキストメニュー拡張だとブラウザ要求がキツイので今まで実装していませんでしたが、
editor.jsに機能をつけた場合、
本文と追記で別々になってしまうので、
editor.jsではなく編集ページに機能をつけたほうがいいと思ったので、そうしました。