如果仅仅想排除掉某些菜单,其他都保留,可以使用 excludeKeys 来配置。
可通过 toolbar.getConfig().toolbarKeys 查看工具栏的默认配置。
import { IToolbarConfig, createToolbar } from '@wangeditor/editor'const toolbarConfig: Partial<IToolbarConfig> = {excludeKeys: ['headerSelect','italic','group-more-style' // 排除菜单组,写菜单组 key 的值即可]}// 创建 toolbar
如果想排除某个菜单组,可通过 toolbar.getConfig().toolbarKeys 找到这个菜单组的 key。
官方例子中 使用excludeKeys方法:
window.toolbar = E.createToolbar({editor,selector: '#editor-toolbar',config: {// 去除blockquote引用,todo待办,emotion表情excludeKeys: ["blockquote", "todo", "emotion"]},});// console.log(editor.getAllMenuKeys())// console.log(toolbar.getConfig().toolbarKeys)// var obj = toolbar.getConfig().toolbarKeys// for(var i in obj) {//console.log(i,":",obj[i]);// }
默认菜单中对应的key值:
如果觉得《wangEditor富文本编辑器自定义菜单(工具栏)》对你有帮助,请点赞、收藏,并留下你的观点哦!