web-dev-qa-db-ja.com

Tinymceでクラスを選択してくださいドロップダウンを追加してください

どのように私は別の要素に置くことができますWordpressのwysiwyg（最先端）に定義済みのクラス名でドロップダウン/選択を追加することができますか？

私が欲しいもの：

  1. テキストやその他の要素を追加する
  2. テキストをクリックしてドロップダウンをクリックし、その要素に追加するクラスを選択します
tinymcewysiwygplugin-tinymce
1
Johan Dahl

ドロップダウンスタイルを実現するには、フィルタフックtiny_mce_before_initを使用する必要があります。このフィルタは開発者にTinyMCE設定配列へのアクセスを許可します。

次の例では、既存のスタイルドロップダウンにカスタムスタイルオプションを追加します。

add_filter( 'tiny_mce_before_init', 'my_mce_before_init' );

function my_mce_before_init( $settings ) {

    $style_formats = array(                     
            array(
                    'title' => '1/5 Block',
                    'block' => 'div',
                    'classes' => 'col-md-5',
                    'wrapper' => true
            ),
            array(
                    'title' => 'Pull Left',
                    'block' => 'div',
                    'classes' => 'pull-left',
                    'wrapper' => true
            ),
            array(
                    'title' => 'Button R',
                    'selector' => 'a',
                    'classes' => 'btn btn-default pull-right'
            ),  
            array(
                    'title' => 'Text Center Green Button',
                    'selector' => 'a',
                    'classes' => 'btn btn-green center'
            ),              
            array(
                    'title' => 'Clearfix',
                    'block' => 'div',
                    'classes' => 'clearfix'
            ),
    );

    $settings['style_formats'] = json_encode( $style_formats );

    return $settings;

}

あなたは ここから Tinymceボタンとその使用とフックについてもっと読むことができます。

3
Karun