Есть ли способ обернуть кнопки панели инструментов в следующую строку в TinyMCE, если ширина редактора слишком мала?

Я использую TinyMCE в расширенной теме. Сегодня я должен заранее указать кнопки в каждой строке панели инструментов: theme_advanced_buttons1, theme_advanced_buttons2 и theme_advanced_buttons3.

Есть ли способ просто указать один список кнопок и позволить кнопкам переноситься в следующую строку, если ширина редактора слишком мала, чтобы содержать их все в одной строке?

6 7
javascript jquery tinymce

6 ответов:

Нет, к сожалению, это невозможно (используя Tinymce3). Для Tinymce4 это еще одна проблема.

2

Я удивлен, что это не был ответ, но я просто использовал: 

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

У меня есть только одна панель инструментов, и на небольших экранах она просто оборачивается по мере необходимости.

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

    });
9

Вы можете сделать это наоборот: TinyMCE: как отобразить все панели инструментов в одной строке?

Он не обернет каждую кнопку по отдельности, но я думаю, что вы можете сделать это лучше.

0

Это невозможно при использовании встроенного режима.

0

Работает с TinyMCE 3.x

.mceToolbar td {float: left;}
-1