Подтвердить что ты не робот

TinyMCE настроить "файл" меню

Есть ли способ настроить (добавить и удалить опции, e.t.c..) меню в TinyMCE 4.0? Я не могу найти документацию по этой части редактора. На изображении ниже показана часть, о которой я говорю. enter image description here

4b9b3361

Ответ 1

Версия 4 является основным переписанием, и документы долгое время не синхронизировались.

Через эксперименты я обнаружил, что можно включать/отключать выпадающие файлы по отдельности или отключать всю строку меню.

Включить только отдельные выпадающие списки:

tinymce.init({
    selector: "textarea",
    menubar: "edit format"
});

Отключить меню:

tinymce.init({
    selector: "textarea",
    menubar: false
});

Теперь на сайт TinyMCE добавлены текстовые файлы конфигурации.

Кроме того, если вы хотите полностью настроить все меню, ознакомьтесь с конфигурационными документами.

Ответ 2

В итоге я настроил как панель меню, так и панель инструментов, изменив свойства menu и toolbar в объекте настроек, переданном в tinymce.init():

// ...
  menu : {
    edit: { title: 'Edit', items: 'undo redo  | cut copy paste selectall | searchreplace' },
    insert: { title: 'Insert', items: 'link charmap' },
    format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript | removeformat' },
    table: { title: 'Table', items: 'inserttable tableprops deletetable | cell row column' }
  },
  toolbar: 'undo redo | bold italic underline | link hr | alignleft aligncenter alignright | blockquote bullist numlist outdent indent | code',
// ...

Я нашел термины для каждого меню/кнопки, копаясь в исходном коде, ища .addMenuItem( и .addButton(.

Ответ 3

В версии TinyMCE 4.x, код" плагин используется для показать/изменить HTML-код содержимого редактора.

В control панель инструментов, версия 4.0.6, theme_advanced_button<1-n>, но выше версии 4.0.6, toolbar или toolbar<1-N>.

Добавив плагин "code" к параметрам панели инструментов, "Инструменты" будет добавлено с "Исходный код" подменю (в виде кнопки "<>" (значок)).

tinyMCE.init({
    // ......
    // ......
    plugins: "searchreplace code",

    toolbar1: "separator forecolor backcolor code",
    toolbar2: "<<<some buttons list>>>",
    toolbar3: "<<<some buttons list>>>",
    toolbar4: "<<<some buttons list>>>",
});