</div>contenteditable自体はこのマークアップだけですが、上記でも書いているように編集したものを記憶できなければ意味が無いのでlocalStorageを使用するのが一般的だと思います。用途としては分かりやすいものでしたら、付箋アプリとかCMSでユーザーに提供される管理画面とかに使えるんじゃないでしょうか。HTML5とlocalStorageじゃあ、肝心のlocalStorageはどうやって使うんだ、という話なんですが、ちょうどいいデモがあるのでソースはここ(html5demos)で見てください。この流れがjQueryで簡単にやっと本題なんですが、この一連の流れが、jQueryを使ったら楽に出来るらしいです。src="http://ek.alphaschildren.org/storagify/Storagify/jquery.storagify.min.js"></script>jQuery本体とプラグインを読み込み。プラグインの中身は1行です。c=a(this);c.attr("contenteditable","");c.text(localStorage.getItem(b));c.blur(function(){localStorage.setItem(b,c.text())})})}})(jQuery);あとは編集できるを指定します。h2').storagify('exampleHeader');$('#refresh').storagify('resfreshText');$('#quit').storagify('quitText');</script>マークアップでcontenteditable=”true”も不要みたいです。これはこれで手軽っぽいですね。jQueryをもともと使用したサイトなら一考の価値もあるんじゃないかなと思ってメモしてみました。ランダム表示させます。表現する、というライブラリです。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。