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

7

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

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

Ваш Ответ

6   ответов
0

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

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

11

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

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

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

Искал повсюду для этого! Спасибо! Работал отлично.
-1

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

.mceToolbar td {float: left;}
2

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

Вопрос относится к 2012 году, и с tinymce3 это невозможно. Tinymce4 заставляет это работать!
@Thariama Почему бы не обновить ответ, чтобы отразить обе версии 3 и 4. Отметьте, что версия 3 невозможна, версия 4 возможна. Я мог бы убрать голосование против и даже голосование против.
Устаревший ответ. Теперь TinyMCE 4 поддерживает это.
Это возможно, смотрите здесь:tinymce.com/wiki.php/Configuration:toolbar
@Basil: нет причин для отрицательного ответа
10

Он не делает это сам по себе, но в 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

    });
В tinymce 4.3 мне нужно использовать массив: tinymce.init ({панель инструментов: ['полужирный курсив', 'подчеркивание styleselect & apos;]})
0

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

Похожие вопросы