Last modified date : 2019/01/31

使い方

$.MTAppTabs({
  basename: null,
  pointer: '',
  pointerBasename: '',
  insert: 'after',
});

options に下記のオプションを設定します。
basename と pointerBasename(または pointer)の2つのオプションは必須です。

オプション

basename(Type : PlainObject, Default : null)

タブにするフィールドのベースネームとタブ名を指定します。

basename: {
  "basename1": "タブ名1",
  "basename2": "タブ名2"
}

カスタムフィールドの場合は「cf_basename」のように接頭辞「 cf_ 」を付けます。

pointerBasename(Type : String, Default : '')

タブを挿入する起点となるフィールドのベースネームを指定します。

pointerBasename: 'tags'

pointer(Type : String, Default : '')

タブを挿入する起点となるノードのセレクタを指定します。pointerBasename オプションでは指定できない場合に使います。

pointer: '#tags-field'

insert(Type : String, Default : 'after')

挿入する方法を 'before' または 'after' で指定します。

初期値は 'after' です。

サンプル

以下の様に user.js に記述すると、キーワード欄、概要欄、タグ欄がタブにまとまった状態でタイトル欄の上に挿入されます。

$.MTAppTabs({
  basename: {
    'keywords': 'キーワード',
    'excerpt': 'がいよう',
    'tags': 'タグ'
  },
  pointerBasename: 'title',
  insert: 'before'
});

insert オプションは文字列を渡すので、'before' と書く必要があります。

注意点

$.MTAppTabs() を利用すると、タブ名の部分がアイテムアップロードのダイアログよりも手前(上)に表示されるという問題があります。

この問題を解消するには、user.css に以下のように書いてください。

div.mt-dialog {
  z-index: 9999 !important;
}

この問題は、v1.4.0 移行で解消する予定です。