TinyMCE:如何在一行上显示所有工具栏？

Question

这个问题基本上是反向的如果编辑器的宽度太小,有没有办法将工具栏按钮包装到TinyMCE的下一行？

我有一个TinyMCE编辑器,我有通过theme_advanced_buttons1,theme_advanced_buttons2和theme_advanced_buttons3指定的按钮.每个工具栏行的设计都非常短,以确保布局不会水平溢出.

有没有办法让工具栏重新定位在一条线上,如果它们都适合？(例如,访客具有宽屏显示,浏览器窗口最大化.)

我认为通过CSS设置display:block和float:left工具栏行(tr元素)可以实现.也许添加clear: left一些(哪个？)跟随元素以防止溢出到编辑器区域.然而,这似乎是一个丑陋的黑客.我希望你能想出更好的东西.

Answer 1

每行按钮都包含在一个表中,因此theme_advanced_buttons1在一个表内,theme_advanced_buttons2在另一个表内,并在另一个表theme_advanced_buttons3内,所以为了使它们内联你可以使用

.wp_themeSkin table.mceToolbar {
  margin: 0 6px 2px; // this is by default
  display: inline-table; // this is extra I've added to keep them in single line
}

下面是display: inline-table;编辑器全屏模式的屏幕截图,所有三行按钮都在一行中并排显示