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

 

posted @ 2019-06-15 10:45  Sunky  阅读(3929)  评论(0编辑  收藏  举报