vue3+TS中使用WangEditor 5 使用记录

前提

编辑器响应式对象为 editorRef.value

例子只是开发中的简单思路记录,实际使用需谨慎!!!

自定义注册工具栏

可以使用Boot.registerModule() 方法,在实际使用时,需要判断一下是否已经注册过某项自定义工具,注册过不再重复注册。可用getAllMenuKeys判断。例如需要判断Rewrite,可以打印以下代码查看结果

editorRef.value.getAllMenuKeys().includes('Rewrite')

自定义工具栏的图标

 文字和图标二选一,当需要的时图标+文字时,考虑把文字和图标做成一个图标,然后再去调样式

动态控制hoverbarKeys

可用 editorRef.value.getConfig().toolbarKeys 查看当前的默认配置和设置新的配置。

let barKeys = editorRef.value.getConfig().hoverbarKeys

 清空 

barKeys['text'].menuKeys = []
</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值