使い方

$("foo").MTAppInlineEdit({
    edit: '編集',
    always: false
});

foo には、インラインエディットモードにしたい input:text または textarea のセレクタを指定します。

オプション

edit（Type : String, Default : '編集'）

ボタンに表示されるテキストを設定します。

always（Type : Boolean, Default : false）

通常はフォームの値が保存されると編集ボタンが表示されますが、always オプションに true を設定すると、フォームに値が保存されていない場合でも、編集ボタンが表示されますします。

サンプル

user.js に以下のコードを記述すると、キーワード欄がインラインエディットモードになります。

$('#keywords').MTAppInlineEdit();

概要欄を常にインラインエディットモードにし、ボタンのテキストを変更する場合は以下のようになります。

$('#excerpt').MTAppInlineEdit({
  edit: '概要欄を編集',
  always: true
});