SS名刺メーカー テキスト保存機能追加

本文エリアに入力したテキストを、次回アクセス時に復元する機能を追加しました。本文入力欄が変更されるたびに自動的に保存される仕組みです。

内容はお使いのデバイス(機体)のブラウザに保存されますので、同じデバイス、同じブラウザでアクセスしたときのみ、復元可能です。ブラウザをうっかり閉じてしまったり、作成途中で中止してしまったときや、書いたテキストを別の用途で使いたいときなどに、ご活用いただけるかと思います。
リセットボタンを押すと、保存した内容も削除されます。

ローカルストレージ(localStrage)とjQueryを使用。こちらの記事で紹介されているスクリプトを使用させて頂いています。

テキストエリアの内容を localStorage に自動保存するhttp://blog.sarabande.jp/post/26327812443

デザイン保存機能も同じくlocalStrageとjQueryを使用。こちらをほぼそのまま使わせていただいています。

[HTML5] Web Storage よく使う検索条件を保存する
https://dev.classmethod.jp/references/webstrorage_favorite-condition/

ついでに、文字数カウントはこちらをベースに改変しています。

jqueryを使って文字数を調べる
http://www.geekzshu.com/jquery/895

jQuery便利ですよね……。


おひねり投げてくださったら嬉しいです