如果编辑器的宽度太小，有没有办法将工具栏按钮包装到TinyMCE的下一行？

Question

我在高级主题中使用TinyMCE。今天我必须提前指定每个工具栏行中的按钮：theme_advanced_buttons1，theme_advanced_buttons2和theme_advanced_buttons3。

有没有办法只指定一个按钮列表，如果编辑器的宽度太小而无法将它们全部包含在一行中，那么按钮会换行到下一行？

Answer 1

它本身并不能，但在tinyMCE 4.X中，你可以添加多个工具栏，如下所示

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 2

不，不幸的是，这是不可能的（使用Tinymce3）。 对于Tinymce4，这是另一个问题。

Answer 3

你可以反过来做：TinyMCE: How to display all toolbars on a single row?

它不会自己包装每个按钮，但我认为你可以用这种方式做得更好。

Answer 4

使用内嵌模式时无法实现。

Answer 5

适用于TinyMCE 3.x

.mceToolbar td {float: left;}