テキストを書き換え可能にする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>
テキストを書き換え可能にするjavascript「inLineEdit Plugin」サンプル

2007年07月26日

前の記事：英語・仏語などマルチ言語なスペルチェックが可能なjavascript「googiespell」
次の記事：華麗なイメージギャラリー＆スライドショーを実現するjavascript「SmoothGallery」

関連記事

• テキストの書き換えを可能にするjavascript「inLineEdit.js 2」
• [mootools]WysEditor
• [mootools]sLedit
• [mootools]srcEditor
• 高機能な文字書き換えjavascript「class.editInPlace.js」

• Webカラーに関するサイト21
• 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
• 心地よく要素を切り替えるJavaScript「jFlip」
• CoverFlowを実現するJavaScript「JS Coverflow」
• 画像を丸く輝かせるJavaScript「sphere.js」
• セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
• JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
• カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」
• レイヤー表示（？）JavaScript「jParallax」
• スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」