• Home
  • 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 の詳細を見る

Iamge Description

Recent Entries

Pickup Categories

Movable Type

CMSとして国内5万サイト以上に導入されている Movable Type に関する記事です。

Craft CMS

CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。