UEditor如何新增自定义按钮方法

切版网专注网页切版服务

UEditor是国内比较主流的编辑插件,是百度出品,不得不说百度虽然也做过很多产品最后放弃,不过ueditor和echarts还是不错的,前端切图项目中就用的很频繁,下面讲下如何新增自定义按钮

在使用UEditor的时候,有时候下可能需要增加一些插件本身没有的功能,这时候可以通过添加按钮来实现。具体步骤如下:
在ueditor.config.js中找到toolbars的数组,并在数组中添加一个你需要新增的按钮功能名称

在zh-cn.js 中找到labelMap并添加,主要是用于鼠标放置上去显示的文字提示内容

3.在ueditor.all.js 中找到”btnCmds” ,在数组的最后添加”chinaformat”

4. 这是该按钮的样式是默认的,可以修改为自己想要的样式,在ueditor.css中添加
5. 自定义按钮的功能代码,在ueditor.all.js中添加如下代码,并加入你需要的功能
以上5个步骤,就简单的完成的ueditor添加自定义按钮的功能,可参见我另外一篇文章-ueditor图片跨域上传时,如何避免无法上传的,其中就使用到了这一方式。

建立您的线上前端开发部门

最高11年前端从业经验,专业只做web前端切图,只要您愿意,切版网就是您公司的前端部门。