PowerCMS X Q&A

PowerCMS Xを用いてWebサイトを構築する際の技術的なヒントや解決策をご紹介します。

エディタのbodyに付与するクラス名をモデル毎に変えられますか?

TinyMCEプラグインの高度な設定ではテンプレートタグが使用できるので、以下のようにしてモデル毎にクラス名が変わるようにすることができます。

body_class: <mt:if name="request._model" eq="entry">'p-entryContent'<mt:else>'p-pageContent'</mt:if>,

TinyMCEの設定はJavaScriptを用いるので、JavaScriptを工夫して書くことでより高度な設定も可能です。例えば、即時関数を利用してカテゴリの選択状態に応じて出し分けることも可能です。(カテゴリを選択後に一度保存する必要があります。)

body_class: (() => {
    if ([9,10].includes(Number($('#category_id-wrapper input:checked').val()))) {
        return 'p-entryContent p-entryContent--event';
    }
    return 'p-entryContent';
})(),

関連するQ&A