MTAppjQuery

Movable Type 7 + MTAppjQuery v2 でカテゴリ編集画面でリッチテキストエディタを利用する

2019-11-29
14分で読了
更新: 2025-12-14

目次

MTAppjQuery v2 を利用して Movable Type 7 のでカテゴリ編集画面でリッチテキストエディタを利用する方法をご紹介します。

Movable Type 本体の管理画面に依存する部分が大きいので「動作保証」とまでは言えませんが、v.2.3.2 あたりから、カテゴリ編集画面でも使えるように意識してはいます。

MTAppjQuery プラグインの設定

システムスコープの MTAppjQuery プラグインの設定の「システム全体に適用する設定」ブロックの中の「user.css の読み込み直前」に下記のコードを入れて保存します。

なお、下記の設定を追加するのはカテゴリ編集画面にリッチエディタを利用する場合のみです。記事編集画面で利用する場合は、下記のコードは不要です。

カテゴリ編集画面では、リッチテキストエディタを動かすためのライブラリや CSS が読み込まれていませんので、ここでそれらを読み込ませるようにします。

user.js

あとは、通常通り user.js でテキストエリアのフィールドに mtapp('overlayEditor') を適用します。下記の例ではカテゴリの説明欄に適用させていますが、カスタムフィールドでも同様です。

(function($){

    if (mtappVars.screen_id === 'edit-category') {
        $('#description').mtapp('overlayEditor');
    }

})(jQuery);

以上です。お試しください。

この記事をシェア

関連記事