wangEditor3 - Web富文本编辑器自定义菜单

在项目中需要用到富文本编辑器,但是需要在菜单最后增加一个可点击按钮,点击后做其它业务处理。

富文本采用了wangEditor,因为简单轻巧

  官网: http://www.wangeditor.com/

  文档:https://www.kancloud.cn/wangfupeng/wangeditor3/332599

用法什么的就不做介绍了。我的是npm install 来处理的

完成后的效果:

 

由于插件官方不支持自定义,那么只能自己实现,修改源码。源码位置在安装包内。

1. 修改菜单显示。

  找到菜单配置项目把自定义的菜单名称放里面

 

 

2.添加自定义的回调函数

  在配置文件里面插入自定义的回调,这个只会输出配置文件的时候显示一下,告诉别人有哪些配置项。

  可以不用写,因为在使用这个回调方法的时候会修改到这个地方的配置项,相当于自定义配置项。

 

3. 设置初始化显示在页面,添加点击回调

 

4.使用,可以在回调里面做相应业务处理

 

 

 

 

 

 

 注意:由于代码是修改了源码,建议项目静态资源里面保存一份,以免丢失。

 

posted @ 2020-07-09 17:45  小兔额乖乖  阅读(4749)  评论(0编辑  收藏  举报