移除百度umeditor编辑器上传图片成功并插入编辑器时带的域名

来源:赵克立博客分类: 其它标签：js函数编辑器发布时间:2016-10-06 20:55:09最后更新:2016-12-11 12:48:03浏览:5775

本文为博主原创文章，转载请声明原文链接...谢谢。o_0。

原文链接:

http://www.zhaokeli.com /article/8010.html

更新时间：

2016-12-11 12:48:03

温馨提示：

学无止境,技术类文章有它的时效性,请留意文章更新时间,如发现内容有误请留言指出,防止别人"踩坑",我会及时更新文章

使用百度编辑器umeditorv1.2.2上传图片插入编辑器时会带域名如下

<img src="http://www.xxx.xxx/uploads/20161006/14757579522304.jpg" _src="http://www.xxx.com/uploads/20161006/14757579522304.jpg"/>

按常理说应该会有相关的配置去掉这个域名的,但是我没有找到,下面是我的处理方法

找到ueditor\dialogs\image\image.js 这个js文件的第36行

改成下面这样,替换掉图片路径里面的域名

$.each($imgs, function(index, node) {
    $(node).removeAttr("width").removeAttr("height");
    //                if (node.width > editor.options.initialFrameWidth) {
    //                    me.scale(node, editor.options.initialFrameWidth -
    //                        parseInt($(editor.body).css("padding-left"))  -
    //                        parseInt($(editor.body).css("padding-right")));
    //                }
    //下面一行是新添加的代码,新添加一个imgsrc变量,注意原来是直接使用node.src这个路径的
    var imgsrc = node.src.replace(window.location.protocol + '//' + window.location.hostname, '');
    return arr.push({
        _src: imgsrc,
        src: imgsrc
    });
});

修改过之后的效果

QQ图片20161006205410.png