8

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

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

4

6 回答 6

16

它自己不会这样做，但在 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

    });
于 2014-02-22T14:05:50.223 回答
14

我很惊讶这不是答案，但我只是使用了：

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

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

于 2015-05-01T23:30:30.393 回答
1

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

于 2012-06-05T09:17:08.853 回答
0

你可以反过来做：TinyMCE：如何在一行中显示所有工具栏？

它不会单独包装每个按钮，但我认为你可以这样做更好。

于 2012-07-09T12:42:46.370 回答
0

使用内联模式时是不可能的。

于 2018-01-03T21:57:29.070 回答
-1

适用于 TinyMCE 3.x

.mceToolbar td {float: left;}
于 2015-06-01T16:42:29.587 回答