テキストの書き換えを可能にするjavascript「inLineEdit.js 2」

オンライン上でテキストの変更が可能になればサイトの管理がしやすくなるでしょう。
またブログなどで閲覧者が投稿したコメントを閲覧者自身が書き換えたい時などにも効果的です。
justinmaierで公開しているテキスト変換script「inLineEdit.js 2」による上記のような課題を解決することができます。

使用方法
inlineEdit.jsと、javascriptライブラリ「mootools」をダウンロードし、headに挿入します。

後は以下のようなscriptを書き込みます。
なお対象となるエレメントには、pやh1などを指定してください。
<script>
$$('対象となるエレメント').each(function(el){
el.setStyle('cursor','pointer');
el.addEvent('click',function(){
this.inlineEdit({
});
});
});
</script>
テキストの書き換えを可能にするjavascript「inLineEdit.js 2」サンプル

2007年07月15日

前の記事：華麗なメニューを作成するjavascript「FancyMenu」
次の記事：フォントの大きさを変更するjavascript「fontSize.js」

関連記事

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

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」