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

Yon*_*ciu 8 javascript jquery tinymce

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

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

Jam*_*mes 12

我很惊讶这不是一个答案,但我只是用过:

.mce-btn-group .mce-btn {
    float: left;
}
Run Code Online (Sandbox Code Playgroud)

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

  • 为此搜索了很多!谢谢!工作得很完美. (2认同)

小智 11

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

    });
Run Code Online (Sandbox Code Playgroud)

  • 在tinymce 4.3中,我需要使用一个数组:tinymce.init({toolbar: [ 'bold italic', 'underline styleselect' ] }) (2认同)

Tha*_*ama 1

不,不幸的是,这是不可能的(使用 Tinymce3)。对于Tinymce4来说,这是另一个问题。