$(selector).mtapp('overlayEditor')

最終更新日:2025.09.23 公開日:2023.12.04

モーダルウィンドウで編集するリッチテキストエディタを利用できます。

.mtapp('overlayEditor') は MTAppjQuery v3 で非推奨となりました。将来のリリースで削除されますので、今後は mtapp.slideEditor() をご利用ください。

mtapp.slideEditor() に変更する方法

フィールドの id で指定する場合

例えば、今まで以下のようにして、概要欄( #excerpt )と複数行テキストのカスタムフィールド( #customfield_document_textarea )を TinyMCE に変更していたとします。

$('#excerpt').mtapp('overlayEditor');
$('#customfield_document_textarea').mtapp('overlayEditor');

これを mtapp.slideEditor() に置き換えると下記の通りとなります。

// 概要欄
mtapp.slideEditor('excerpt');

// カスタムフィールド
mtapp.slideEditor('customfield_document_textarea');

フィールドの id がない場合

下記のようにコンテンツフィールドの埋め込みテキストに適用していた場合は、上述のように id では指定できません。

$('#contentField16 textarea').mtapp('overlayEditor');

この場合は以下のように mtapp.slideEditor() の第一引数に HTMLElement を渡して対応することができます。

const element = document.querySelector(`[name="content-field-${mtapp.getContentFieldIdByLabel('埋め込みテキスト')}"]`);
mtapp.slideEditor(element);