シンプルで使いやすいEdit in placeエディタを。 EIPは指定の要素にEdit in placeエディタ機能を付加します。データの保持はカスタムデータ属性で行い、コールバック関数を呼べるためある程度自由にデータのやりとりができます。 EIPのサンプル ダウンロード Githubから 使い方 jQueryとeip.js、eip.cssを読み込みます。 次にHTMLを用意します。このとき、HTMLにはdata-eipが必須です。実行対象はdivでもspanというか何でも大丈夫ですが、display: block指定がされているか、ブロック要素がいいと思います。(※data-eipについては後述