• Home
  • Movable Type
  • MTAppjQuery
  • Movable Type 7 のコンテンツデータの「テキスト(複数行)」を MTAppjQuery v2 のオーバーレイエディタに変更する

Movable Type 7 のコンテンツデータの「テキスト(複数行)」を MTAppjQuery v2 のオーバーレイエディタに変更する

Movable Type 7 のコンテンツフィールドのうちの「テキスト(複数行)」を MTAppjQuery v2 のオーバーレイエディタに変更する方法をご紹介します。

overlayeditor-only-min.png

コンテンツフィールドを作成

はじめに「テキスト(複数行)」のコンテンツフィールドを作成します。「入力フォーマット」は なし にしておきます。

ここで作成したコンテンツフィールドの ID をメモしておきます。ID はコンテンツデータ編集画面で確認できます。

overlayediter-only-min.png

user.js

user.js に下記のコードを追加します。コード中の 94 の部分(4箇所)はコンテンツフィールドの ID に置き換えてください。

// テキスト(複数行)をオーバーレイエディタに変更する
(function($){
 const value = $('#content-field-94').val();
 $('#contentField94 .mt-contentblock').html('<textarea name="content-field-94"></textarea>');
 $('[name="content-field-94"]').val(value).mtapp('overlayEditor');
})(jQuery);

これで完成です。

以上です。

MTAppjQuery について

Movable Type の管理画面をフロントエンドの知識だけで簡単にカスタマイズすることができます。

クライアントの満足度を高めるためにぜひお使いください。

MTAppjQuery の詳細を見る

MTAppjQuery