[JavaScript知识库] wangEditor富文本编辑器自定义菜单（工具栏）

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> wangEditor富文本编辑器自定义菜单（工具栏） -> 正文阅读

[JavaScript知识库]wangEditor富文本编辑器自定义菜单（工具栏）

如果仅仅想排除掉某些菜单，其他都保留，可以使用 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值：