I’m using TinyMCE, but it seems like the documentation here is wrong:
When I modify the visible/available menu items per the documentation, it has no effect on the menu bar. For example, here’s a TinyMCE fiddle, that shows the problem:
tinymce.init({
selector: 'textarea', // change this value according to your HTML
menu: {
edit: { title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall | searchreplace' },
view: { title: 'View', items: 'code revisionhistory | visualaid visualchars visualblocks | spellchecker | preview fullscreen | showcomments' },
insert: { title: 'Insert', items: 'image link media addcomment pageembed codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor tableofcontents | insertdatetime' },
format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript codeformat | styles blocks fontfamily fontsize align lineheight | forecolor backcolor | language | removeformat' },
tools: { title: 'Tools', items: 'spellchecker spellcheckerlanguage | a11ycheck code wordcount' },
table: { title: 'Table', items: 'inserttable | cell row column | advtablesort | tableprops deletetable' },
}
});
https://fiddle.tiny.cloud/3zjoHYUBdO/1
If you run it, you’ll see the File
Menu still displays, and Search/replace is not available under the Edit
menu.
Is the documentation wrong? Can anyone get this to work? I see the same behaviour whether I do it in plain Javascript, or if I do it in Blazor using a C# defined config option. Seems to happen with TinyMCE 6 or 7.