¿Hay alguna manera de ajustar los botones de la barra de herramientas a la siguiente fila en TinyMCE si el ancho del editor es demasiado pequeño?

Question

Estoy usando TinyMCE en el tema avanzado. Hoy debo especificar de antemano los botones en cada fila de la barra de herramientas: theme_advanced_buttons1, theme_advanced_buttons2 y theme_advanced_buttons3.

¿Hay alguna forma de especificar una sola lista de botones y dejar que los botones se ajusten a la siguiente fila si el ancho del editor es demasiado pequeño para contenerlos todos en una sola línea?

Answer 1

No, desafortunadamente, esto no es posible (usando Tinymce3). Para Tinymce4, este es otro problema.

Answer 2

usted puede hacerlo a la inversa: TinyMCE: How to display all toolbars on a single row?

no va a envolver cada botón en sí mismo, pero creo que se puede hacer mejor de esa manera.

Answer 3

Es no lo hace por sí mismo, pero en TinyMCE 4.X, puede agregar varias barras de herramientas, como a continuación

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

Me sorprende que esto no era una respuesta, pero me acaba de utilizar:

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

sólo tengo una barra de herramientas, y en pantallas más pequeñas que sólo envuelve, según sea necesario.

Answer 5

Funciona con TinyMCE 3.x

.mceToolbar td {float: left;} 

Answer 6

No es posible al utilizar el modo en línea.