Есть ли способ настроить (добавить и удалить опции, e.t.c..) меню в TinyMCE 4.0? Я не могу найти документацию по этой части редактора. На изображении ниже показана часть, о которой я говорю.
TinyMCE настроить "файл" меню
Ответ 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>>>",
});