テキストを書き換え可能にするjavascript「inLineEdit Plugin」

テキストの書き換えを可能にするjavascript「inLineEdit.js 2」は複数行に渡る書き換えができないことや書き換えられる範囲がわかりづらいことが難点でした。
justinmaierがこれを解決するinLineEdit Pluginを提供しています。

使用方法

inLineEdit PluginのinlineEdit.compressed.jsとjavascriptライブラリ「mootools」をダウンロードし、headに挿入します。
次に以下のscriptを書きます。

<script>

		var inlineEditor = new inlineEdit('下記で指定するid名',{indicatorText: '書き換え可能な範囲を示す文字'}); 

		inlineEditor.deactivate(); 

		inlineEditor.toggle(); 

</script>

サンプル

inLineEditを使用するとオンライン上でテキストの変更が可能になります。
またブログなどで閲覧者が投稿したコメントを閲覧者が推敲する時などにも有効的です。

対象要素

Javascriptサンプルページ一覧

skuare.net