wangeditor自定义工具栏

wangeditor提供了自定义工具栏的功能。你可以使用excludeKeys来排除掉某些菜单，保留其他菜单。可以通过toolbar.getConfig().toolbarKeys来查看工具栏的默认配置。下面是一个使用excludeKeys方法的例子：

import { IToolbarConfig, createToolbar } from '@wangeditor/editor'

const toolbarConfig: Partial<IToolbarConfig> = {
  excludeKeys: [
    'headerSelect',
    'italic',
    'group-more-style' // 排除菜单组，写菜单组 key 的值即可
  ]
}

// 创建 toolbar
const toolbar = createToolbar({
  editor,
  selector: '#editor-toolbar',
  config: toolbarConfig
})

你也可以在官方例子中使用excludeKeys方法来自定义工具栏：

window.toolbar = E.createToolbar({
  editor,
  selector: '#editor-toolbar',
  config: {
    excludeKeys: ["blockquote", "todo", "emotion"] // 去除blockquote引用，todo待办，emotion表情
  }
});

你可以通过console.log(toolbar.getConfig().toolbarKeys)来查看当前工具栏的配置。你还可以通过F12来查看对应菜单参数的data-menu-key来确定需要排除的菜单。[1][2][3]