Ueditor 自动设置上传图片的宽度或高度

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实测通过。 

 

转载于:https://www.cnblogs.com/sunky/p/11026786.html