In-Place-Editor (その場で編集する UI) の jQuery プラグインを書いてみた

更新履歴

2011-07-05
Ver 0.1.5.1
リスト編集モードで値未入力時のラベル表示不具合等を修正しました
2011-06-20
Ver 0.1.5
表示テキストの整形処理を記述できる replaceLabel パラメータを追加しました。
2011-04-29
Ver 0.1.4.1
編集値の変換処理の不具合を修正しました
2011-04-21
Ver 0.1.4
リスト編集モード等の機能追加をしました
jQuery exInPlace Editor にリスト編集モード等の機能追加をしました - Cyokodog::Diary
2010-07-17
Ver 0.1.3
editorType パラメータを textarea にし元テキストに br もしくは p が含まれた場合、textarea 内で改行に置換されない不具合を修正しました
2010-07-16
Ver 0.1.2
block 要素限定で表示/編集モード切替時にエフェクトをかけられるようにしました
oninit , effect , dataSelect パラメータを追加しました(詳細はリファレンス参照)
2010-07-01
Ver 0.1.1
ESC のショートカットキーを、Safari , Chrome でも効くように修正しました。
2010-06-28
Ajax 関連の Demo ページに不具合があったので修正しました。
ESC のショートカットキーが、Safari , Chrome で効かないようなので原因を調査中です

今さら感はありますが、業務で使用することも多いので再利用しやすいようプラグイン化してみました。以前書いた記事「In-Place-Editor (その場で編集するUI) の実装方法を考えてみた」では網羅できなかった下記機能についても対応させてみました。

  • 初期化処理時のコールバック処理(内部生成された要素の初期化処理などが可能)
  • 編集、確定、取消に対する処理の割り込みとイベントのキャンセル
  • 確定/取消ボタンの表示/非表示オプション
  • テキスト/HTML編集モードの切替オプション
  • DB更新 / Validation 処理後の(表示位置が最適化された)メッセージ表示機能
In-Place-Editor (その場で編集するUI) の実装方法を考えてみた - Cyokodog::Diary
続きを読む