Uedior在上传图片的生活,需要自动设置上传图片的宽度或高度属性。该方法只能用于多图上传组件,单图上传无法使用。
该方法基于 ueditor 1.4.3 版本制作:
1.添加属性字段,在config.json文件中:
/* 上传图片配置项 */字段下添加:
"imageWidth": 700, /* 上传图片宽度指定, 1.4.3官方版本无此参数,自行添加*/ "imageeight": 700, /* 上传图片高度指定, 1.4.3官方版本无此参数,自行添加*/ "imageSide": 1, /* 多图上传图片尺寸设置方式,0为不指定,1为按照宽度,2为按照高度,3为同时指定 1.4.3官方版本无此参数,自行添加*/
2.修改插入图片js语言逻辑,在image.js文件中:
UploadImage中:
getInsertList: function ()(约:L774)
getInsertList: function () { var i, data, list = [], align = getAlign(), prefix = editor.getOpt('imageUrlPrefix'); for (i = 0; i < this.imageList.length; i++) { data = this.imageList[i]; var temp = {}; temp["src"] = prefix + data.url; temp["_src"] = prefix + data.url; temp["title"] = prefix + data.title; temp["alt"] = prefix + data.original; temp["floatStyle"] = prefix + data.align; if (editor.getOpt('imageSide')==1||editor.getOpt('imageSide')==3) temp["width"] = editor.getOpt('imageWidth'); if (editor.getOpt('imageSide')==2||editor.getOpt('imageSide')==3) temp["Height"] = editor.getOpt('imageHeight'); list.push(temp); // list.push({ // src: prefix + data.url, // _src: prefix + data.url, // title: data.title, // alt: data.original, // floatStyle: align // }); } return list; }