解决ueditor编辑器中自动抓取远程图片后内容中图片未替换为本地路径问题

作者：KK_MYDESTINY
转载于: https://www.jianshu.com/p/c93ebd4407c0

ueditor版本：1.4.3.3
问题描述：
ueditor中设置了自动抓取远程图片，服务器抓取和返回都正常，但是编辑器中却没有正确替换为本地图片路径。如下：


通过查看ueditor源码，ueditor使用的抓取远程图片的js文件为_src/plugins/catchremoteimge.js，定位到源码大约第67行，如下，控制台打印一下：

这里发现oldSrc==cj.source是false，打印出的oldSrc和cj.source如下：

再看下服务器端的代码，发现服务器再返回值的时候对url中的特殊字符进行了转义，如下：

到这里问题就很明显了，由于服务端对返回的源图片地址进行了转义导致js判断时出现偏差直接跳过替换代码，理所当然编辑器中的图片路径不会替换了。

解决方案：
修改服务器代码中的htmlspecialchars为htmlspecialchars_decode即可（补充：关于为什么不是直接去掉htmlspecialchars，因为经测试，直接去掉之后输出的图片路径依然存在已经转义的情况，所以还是直接htmlspecialchars_decode为好）。
在js中加入如下函数，并使用该函数对cj.source进行反转义处理，然后重新编译即可。

function htmlspecialchars_decode(str){
     str = str.replace(/&/g, '&');
     str = str.replace(/&lt;/g, '<');
     str = str.replace(/&gt;/g, '>');
     str = str.replace(/&quot;/g, "''");
     str = str.replace(/&#039;/g, "'");
     return str;
}

至此问题解决。