首页 > Web开发 > 详细

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

时间:2020-07-09 18:46:51      阅读:282      评论:0      收藏:0      [点我收藏+]

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

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

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

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

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

完成后的效果:

技术分享图片

 

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

1. 修改菜单显示。

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

技术分享图片

 

 

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

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

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

技术分享图片

 

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

技术分享图片

 

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

技术分享图片

 

 技术分享图片

 

 

 

 

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

 

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

原文:https://www.cnblogs.com/wangmaoling/p/13275059.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!