web-dev-qa-db-ja.com

TinyMCEエディタにボタンを追加するときに、それらを次の行に折り返り、「Kitchen Sink」エリアに表示させるにはどうすればよいですか。

私はWordpressのTinyMCEエディタにボタンを追加することに成功しました、しかし問題はそれらがすべて台所の流しボタンの右側に現れ、私がそれらを新しい行に表示するために必要とするほどたくさんあるということです。ボタンを次の行に折り返したり、カスタムボタンの新しい行を作成したりするにはどうすればよいですか。これが私のコードです：

tinymce.create('tinymce.plugins.boxlight', {
    init : function(ed, url) {
        ed.addButton('boxlight', {
            title : 'Add a light content box',
            image : url+'/images/box-light.png',
            theme_advanced_buttons3_add : 'boxlight',
            onclick : function() {
                 ed.selection.setContent('[box_light]' + ed.selection.getContent() + '[/box_light]');

            }
        });
    },
    createControl : function(n, cm) {
        return null;
    },
});

tinymce.PluginManager.add('boxlight', tinymce.plugins.boxlight);

そのコードはメインのTinyMCEツールバーにボタンを追加するだけなので、新しいツールバーにボタンを追加する方法を理解することはできません。

filterstinymcewysiwyg
1
Industrial Themes

ボタンに追加するフィルタmce_buttonsも追加していると思います。

add_filter( 'mce_buttons', 'add_my_tinymce_buttons' );

function add_my_tinymce_buttons( $items ) {
    $items[] = 'your-button';
    return $items;
}

代わりにフィルタをmce_buttons_2にフックするように変更するだけで、ボタンが2行目に表示されます。

add_filter( 'mce_buttons_2', 'add_my_tinymce_buttons' );

それが役立つことを願っています.. :)

2
t31os