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

Movable Type 7 のコンテンツフィールドのうちの「テキスト（複数行）」を MTAppjQuery v2 のオーバーレイエディタに変更する方法をご紹介します。Movable Type Pro r.5201 で動作確認しました。

(2019-03-11 21:20 に公開していた記事を書き直しました。)

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

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

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

user.js

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

(function($){

    // テキスト（複数行）をオーバーレイエディタに変更する
    function convertOverlay(fieldId) {
        const name = `content-field-${fieldId}`;
        const value = $(`[name="${name}"]`).attr('name', '').val();
        const $container = $(`#contentField${fieldId}`).hide();
        const label = $container.find('label').first().html().trim();
        $container.after(
            `
${label}
`
        ).hide();
        $(`[name="${name}"]`).val(value).mtapp('overlayEditor');
    }
    convertOverlay(242);

})(jQuery);

これで完成です。

以上です。