我是搞毕设不打算在富文本里面搞上传视频所以才打算把它从工具栏移除,所以这个写的是显示或不要部分的菜单
官方文档还是有点不太适合我这样的小白,不过官方视频这次还是看得懂,可以去看看
本文章有目录,可以根据目录看要看的部分
目录
如何看菜单对应的键值
首先遇到的第一个问题是不知道菜单的键值或者说他们的名字,官方文档没有提供,然后我看了视频可以在官方文章的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:{}会报错,里面放的就是键名
这种类型的也只要键名就可以
我不要的是视频和代办
如果不理解可以评论留言,感觉我有时候不是表达很清楚