TinyMCE 5:如何从菜单中删除字体名称和字体大小?

时间:2020-08-19 11:39:03

标签: tinymce tinymce-5

我不想在tinyMCE 5中禁用字体名称和字体大小的选项。如何实现呢?在文档中,我仅找到用于编辑格式的选项,但没有找到用于从下拉菜单中删除这些选项的简单选项。enter image description here

1 个答案:

答案 0 :(得分:2)

如果要更改默认菜单结构,则需要自己定义菜单的整个结构。例如,您可以执行以下操作:

menu : {
    file: {title: 'File', items: 'newdocument'},
    edit: {title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall'},
    insert: {title: 'Insert', items: 'image link media template codesample'},
    format: {title: 'Format', items: 'bold italic underline'},
}

...将完全删除某些菜单(例如表格),并减少其他菜单中可见的选项。要记住的重要一点是,一旦您自己定义菜单,就必须在菜单上定义每个选项

默认菜单结构在theme.js文件中定义。在TinyMCE 5.4.2(当前版本)中,其定义为:

var defaultMenus = {
  file: {
    title: 'File',
    items: 'newdocument restoredraft | preview | print | deleteallconversations'
  },
  edit: {
    title: 'Edit',
    items: 'undo redo | cut copy paste pastetext | selectall | searchreplace'
  },
  view: {
    title: 'View',
    items: 'code | visualaid visualchars visualblocks | spellchecker | preview fullscreen | showcomments'
  },
  insert: {
    title: 'Insert',
    items: 'image link media addcomment pageembed template codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor toc | insertdatetime'
  },
  format: {
    title: 'Format',
    items: 'bold italic underline strikethrough superscript subscript codeformat | formats blockformats fontformats fontsizes align | forecolor backcolor | removeformat'
  },
  tools: {
    title: 'Tools',
    items: 'spellchecker spellcheckerlanguage | a11ycheck code wordcount'
  },
  table: {
    title: 'Table',
    items: 'inserttable | cell row column | advtablesort | tableprops deletetable'
  },
  help: {
    title: 'Help',
    items: 'help'
  }
}; 

如果您只想删除菜单上的一些选项,则可以使用默认值作为起点,而只删除不需要的项目。