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值:

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

种麦南山下

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值