web-dev-qa-db-fra.com

MinmCE, comment puis-je faire passer à la ligne suivante et/ou afficher dans la zone "Évier de cuisine"?

J'ajoute avec succès des boutons à l'éditeur TinyMCE dans Wordpress, mais le problème est qu'ils s'affichent tous à droite du bouton Évier de cuisine et j'en ai tellement que j'en ai besoin pour qu'ils s'affichent sur une nouvelle ligne. Comment faire en sorte que les boutons reviennent à la ligne suivante et/ou créent une nouvelle ligne pour mes boutons personnalisés? Voici mon code:

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);

Ce code ajoute simplement les boutons à la barre d'outils principale de TinyMCE et je ne vois pas comment ajouter les boutons à une nouvelle barre d'outils.

filterstinymcewysiwyg
1
Industrial Themes

J'imagine que vous ajoutez également un filtre mce_buttons à ajouter dans le bouton, quelque chose comme ..

add_filter( 'mce_buttons', 'add_my_tinymce_buttons' );

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

Changez simplement le filtre pour accrocher le mce_buttons_2 à la place, et le bouton apparaîtra sur la deuxième ligne, par exemple ..

add_filter( 'mce_buttons_2', 'add_my_tinymce_buttons' );

J'espère que cela pourra aider.. :)

2
t31os