ueditor富文本编辑器二次开发:增加附件的size属性

七海恋空 2021-04-07 浏览(0 评论(0

最近在做一个系统,用到了百度的富文本编辑器。这个编辑器虽然好用,但有些地方用的不太习惯,所以做了一些改造。比如说,点击编辑器的上传图片按钮,源代码区域就会生成一段img标签的代码,但是如果我要img标签内显示图片的大小呢,这个怎么弄呢。这里我介绍一下增加size属性的改造方法。

下面是改造后的效果图:

一、改造多图上传按钮生成的html代码,增加size属性

1.修改image.js【ueditor/dialogs/image/image.js】的UploadImage对象的getInsertList方法,添加size属性推送

2.修改image.js【ueditor/_src/plugins/image.js】添加size属性,该js用来生成带img标签的html代码

二、改造附件按钮生成的html代码,增加size属性

1.修改attachment.js【ueditor/dialogs/attachment/attachment.js】的UploadFile对象的getInsertList方法,添加size属性推送

2.修改insertfile.js【ueditor/_src/plugins/insertfile.js】添加size属性,该js用来生成带附件的a标签的html代码

三、改造单图上传按钮生成的html代码,增加size属性

1.修改simpleupload.js【ueditor/_src/plugins/simpleupload.js】的callback方法,添加size属性推送