C'è un modo per posizionare i pulsanti della barra degli strumenti sulla riga successiva in TinyMCE se la larghezza dell'editor è troppo piccola?

Question

Sto usando TinyMCE in tema avanzato. Oggi devo specificare in anticipo i pulsanti in ogni riga della barra degli strumenti: theme_advanced_buttons1, theme_advanced_buttons2 e theme_advanced_buttons3.

C'è un modo per specificare solo un singolo elenco di pulsanti e lasciare che i pulsanti si agganciano alla riga successiva se la larghezza dell'editor è troppo piccola per contenerli tutti in una singola riga?

Answer 1

No, sfortunatamente, questo non è possibile (usando Tinymce3). Per Tinymce4, questo è un altro problema.

Answer 2

si può fare il contrario: TinyMCE: How to display all toolbars on a single row?

Non sarà avvolgere ogni pulsante di per sé, ma penso che si può fare di meglio in quel modo.

Answer 3

E non lo fa da solo, ma in TinyMCE 4.X, è possibile aggiungere più barre degli strumenti come qui di seguito

tinymce.init({ 
     selector: ".tinymce-textarea", 
     theme: "modern", 
     plugins: [ 
      "advlist autolink lists link image charmap print preview anchor", 
      "searchreplace visualblocks code fullscreen textcolor emoticons", 
      "insertdatetime media table contextmenu paste jbimages"//moxiemanager 
     ], 
     file_browser_callback: false, 
     toolbar1: " bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent | link image media preview ", 
     toolbar2: "forecolor backcolor emoticons | jbimages ", 
     relative_urls : false 

    }); 

Answer 4

Sono sorpreso che questo non era una risposta, ma ho appena usato:

.mce-btn-group .mce-btn { 
    float: left; 
} 

Ho solo una barra degli strumenti, e su schermi più piccoli si avvolge solo se necessario.

Answer 5

Funziona con TinyMCE 3.x

.mceToolbar td {float: left;} 

Answer 6

non è possibile quando si utilizza la modalità in linea.