Я намагаюся видалити меню та смуги стану з TinyMCE 4, тому що я хочу налаштувати дуже базовий редактор. Чи можливо це?
Документація для TinyMCE 3 не здається актуальною, і я не можу знайти нічого для версії 4.
Я намагаюся видалити меню та смуги стану з TinyMCE 4, тому що я хочу налаштувати дуже базовий редактор. Чи можливо це?
Документація для TinyMCE 3 не здається актуальною, і я не можу знайти нічого для версії 4.
Відповіді:
Я подивився на джерело, і це було досить очевидно:
tinyMCE.init({
menubar:false,
statusbar: false,
//etc
})
Це видаляє і те, і інше.
Ви також можете налаштувати видимість частин рядка меню за замовчуванням, вказавши рядок включених меню - наприклад menubar: 'file edit'
Ви можете визначити свої власні меню так:
menu : {
test: {title: 'Test Menu', items: 'newdocument'}
},
menubar: 'test'
menuBar: 'file edit'
має бутиmenubar: 'file edit'
tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc",
де IdOftextAreaEtc - ідентифікатор елемента керування для tinyMCE
tinymce.init({ selector: "textarea#IdOfTextarea"})
синтаксис (приблизно як синтаксис css).
Якщо ви хочете видалити всю панель меню зверху
tinymce.init({
menubar: false,
});
Але якщо ви хочете користувацькі меню з деяким підменю
tinymce.init({
menu: {
file: {title: 'File', items: 'newdocument'},
edit: {title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall'},
insert: {title: 'Insert', items: 'link media | template hr'},
view: {title: 'View', items: 'visualaid'},
format: {title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'},
table: {title: 'Table', items: 'inserttable tableprops deletetable | cell row column'},
tools: {title: 'Tools', items: 'spellchecker code'}
}
});
див. для отримання додаткової інформації TinyMCE .
Отже, у їхніх документах чітко зазначається, що робити значення неправдивими.
tinymce.init({
menubar: false,
branding: false,
statusbar: false,
})
В останньому оновлення до v5 Ви можете відображати меню як таке
tinymce.init({
menu: {
edit: { title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall searchreplace' },
insert: { title: 'Insert', items: 'image link charmap pagebreak' },
format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat' },
table: { title: 'Table', items: 'inserttable tableprops deletetable | cell row column' }
},
menubar: 'edit insert format table',
});
див. https://www.tiny.cloud/docs/ для отримання більш детальної інформації