テキストをその場で編集できるJavaScript10選

テキストをその場で編集するためのjQueryプラグインをまとめた10 interesting inline editor plugins you might be searching forというエントリーのご紹介。

詳しくは以下

1. Akeditable

編集リンクをクリックでテキストエリア表示。 jQueryのプラグインとして動作します。

公式サイト

デモ

2. Josephscott Jeip

編集できるテキストはマウスオーバーで背景色がかわります。

デモ

3. Davehauenstein

プルダウンや１行テキストなど、フォームの内容を選択することが可能です。

デモ

4. 15daysofjquery

英語ですが、詳しい設定方法が記載されています。

公式サイト

5. Jeditable

ダブルクリックやマウスオーバーなどのイベントを取得してフォーム表示などができます。
Ajaxによるファイルアップロードにも対応しているようです。

公式サイト

6. Yvoschaap

デモ

7. Inplace Rich Editor

テキストエリアにWISYWIGを使用しています。

デモ

8. Tool man

リストをドラッグ&ドロップで編集可能。

デモ

9. Justinmaier

mootoolsのプラグイン。ブラウザによっては変更領域がわかりずらかったです。

デモ

10. 24ways

ダウンロードはできないですが、テキスト変更の作り方のチュートリアル。

公式サイト

実際のデータの保存にはサーバーサイドのシステムが必要ですが、フロントエンドの開発に役立ちそうですね。