サポート » 使い方全般 » ビジュアルエディタのカスタマイズ

  • 解決済 sarasarari

    (@sarasarari)


    TinyMCE Advancedのカスタマイズで、テーブルのセルに対して、背景色を付けるスタイルなのですが、
    セル全体に付かず、テキストのみに背景色がついてしまいます。
    どなたかご教授いただけませんでしょうか。

    cssには下記のように記述し、

    .bg_SatSun {
    background:#DEECF7;
    }

    function.phpに以下の記述を入れております。

    function _my_tinymce($initArray) {
        $style_formats = array(
    		array(
                'title' => '土日',
                'block' => 'div',
                'classes' => 'bg_SatSun'
            ),
        );
        $initArray['style_formats'] = json_encode($style_formats);
        return $initArray;
    }
    add_filter('tiny_mce_before_init', '_my_tinymce', 10000);
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    セル全体にする場合は、セル (td) のパッティング領域 (padding) をなくす (padding: 0) か、セルの背景であれば、セル (td) 自体に bg_SatSun クラスを追加するようにすればいいのではないでしょうか?

    array(
    	'title' => '土日',
    	'block' => 'div',
    	'classes' => 'bg_SatSun'
    ),

    array(
    	'title' => '土日',
    	'selector' => 'td',
    	'classes' => 'bg_SatSun',
    	'wrapper' => false,
    ),
    トピック投稿者 sarasarari

    (@sarasarari)

    ishitaka (@ishitaka)さま

    ご返信をありがとうございます。

    うまくいきました!
    また、function.phpを何度もいじっていたので、読み込みの問題もあったのか、
    一度「TinyMCE Advanced」の設定で、cssを読み込むチェックを外して、再度チェックを入れ直したら
    きちんと思い通りになりました。

    ご指摘に感謝です。
    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「ビジュアルエディタのカスタマイズ」には新たに返信することはできません。