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

  • 相关阅读:
    LeetCode 4 :Majority Element
    LeetCode 3 :Min Stack
    Oracle操作4
    plsql安装教程
    java Date与String互相转化
    Oracle操作3
    Oracle操作2
    Oracle操作
    Oracle11g修改密码
    Visual Studio2013完全卸载
  • 原文地址:https://www.cnblogs.com/sunky/p/11026786.html
Copyright © 2020-2023  润新知