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

Question

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

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

Answer 1

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

Answer 2

我很惊讶这不是一个答案，但我只是用过：

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

我只有一个工具栏，在较小的屏幕上，它只是根据需要包装。

Answer 3

它不是单独使用它，但在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 4

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

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

Answer 5

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

Answer 6

适用于TinyMCE 3.x

.mceToolbar td {float: left;}