如何去除百度umeditor编辑器图片上传成功后插入编辑器时的图片地址带的域名

前端之家收集整理的这篇文章主要介绍了如何去除百度umeditor编辑器图片上传成功后插入编辑器时的图片地址带的域名前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

《如何去除百度umeditor编辑器图片上传成功后插入编辑器时的图片地址带的域名》要点:
本文介绍了如何去除百度umeditor编辑器图片上传成功后插入编辑器时的图片地址带的域名,希望对您有用。如果有疑问,可以联系我们。

百度umeditor编辑器图片上传成功后,在插入编辑器时的生成图片地址自动带有的域名。

这个功能在ueditor中是没有的。而且,一般这个功能也没事,但是,当你域名更换时,或本地localhost测试时,再把数据库图片上传到服务器,就会挺麻烦,因为服务端不能识别localhost这个本地域名。


为了通用性,减少出错,我们把它这个功能去掉,让umeditor插入编辑器时,不带域名(含端口)。


先看umeditor在哪里生成地址:

找到: umeditor\dialogs\image\image.js  这个js文件 的第37行

如何去除百度umeditor编辑器图片上传成功后插入编辑器时的图片地址带的域名

上面的Node.js就是插入编辑器的图片地址。

现在我们只要把它其中的域名加端口部分去掉就好,在return 上加一行:

var imgsrc = node.src.replace(window.location.protocol + '//' + window.location.host, '');

如图:

如何去除百度umeditor编辑器图片上传成功后插入编辑器时的图片地址带的域名

 其中,window.location.host 在本地的值是:

localhost:88  (非80端口)

localhost (80端口)

在服务器上则是域名www.jb51.cc

因此,用它就够了。


现在生成图片地址,就不带域名了:

如何去除百度umeditor编辑器图片上传成功后插入编辑器时的图片地址带的域名

猜你在找的JavaScript相关文章