vue2的wangEdito工具栏配置

我是搞毕设不打算在富文本里面搞上传视频所以才打算把它从工具栏移除,所以这个写的是显示或不要部分的菜单

官方文档还是有点不太适合我这样的小白,不过官方视频这次还是看得懂,可以去看看

本文章有目录,可以根据目录看要看的部分

目录

如何看菜单对应的键值

只显示哪些菜单

要哪些菜单不显示


如何看菜单对应的键值

首先遇到的第一个问题是不知道菜单的键值或者说他们的名字,官方文档没有提供,然后我看了视频可以在官方文章的demo中

使用下面这个方法

在控制台打这个方法就可以了,要在官方的demo里,自己启动的那个好像不可以(我的就不可以)

然后在我们自己的富文本编辑器里面进行配置

只显示哪些菜单

官方文档是toolbarConfing.toolbarKeys的格式但

我们是下面这样的,toolbearKeys对应是是一个数组哈,如果写成toolbearKeys:{}会报错,里面放的就是键名

效果如图

并且这里有一个注意到就是这样子的不能直接写key的值在toolbearKeys里面,

如果写了会报下面的错

Not found menu item factory by key 'group-video'
    at e.registerSingleItem (webpack-internal:///./node_modules/@wangeditor/editor/dist/index.esm.js:98:100214)
    at eval (webpack-internal:///./node_modules/@wangeditor/editor/dist/index.esm.js:98:99729)
    at Array.forEach (<anonymous>)
    at e.registerItems (webpack-internal:///./node_modules/@wangeditor/editor/dist/index.esm.js:98:99571)
    at eval (webpack-internal:///./node_modules/@wangeditor/editor/dist/index.esm.js:98:98897)

要根据官方文档的格式,但我没有写这个所以没有代码给你们参考

要哪些菜单不显示

官方格式

vue2的格式,toolbarConfig在富文本那个文档里面,详情看上面只显示哪些菜单目录的上面一点

excludekeys对应是是一个数组哈,如果写成excludekeys:{}会报错,里面放的就是键名

这种类型的也只要键名就可以

我不要的是视频和代办

如果不理解可以评论留言,感觉我有时候不是表达很清楚

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值