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; }
PHP7.0+Ueditor1.4.3實測通過。