美文网首页
2019-10-11 关于 wxParse 图片相对路径的扩展

2019-10-11 关于 wxParse 图片相对路径的扩展

作者: 半眼鱼 | 来源:发表于2019-10-11 17:07 被阅读0次

    由于小程序使用到wxParse,然而后台富文本中图片保存的路径为相对路径,为方便后期使用,所以添加相关方法来动态设置图片域名

    1.html2json.js
    头部声明全局变量

    var __imageDomain = '';
    下面这个代码加入__imageDomain

    添加 setImageDomain 方法


    image.png
    function setImageDomain(domain) {
    
        __imageDomain = domain;
    
    }
    
    image

    2.wxParse.js

        暴露 setImageDomain 
    
    module.exports = {
    
        wxParse: wxParse,
    
        wxParseTemArray:wxParseTemArray,
    
        emojisInit:emojisInit,
    
        setImageDomain: HtmlToJson.setImageDomain,
    
    }
    
    image

    3.wxDiscode.js

        扩展 urlToHttpUrl 方法 ,其中具体判断规则请按需修改,截图中只是简单示例
    
    function urlToHttpUrl(url,rep, domain){
    
        var patt1 = new RegExp("^//");
        var result = patt1.test(url);
        if(result){
            url = rep+":"+url;
        }
        return domain+ url;
    }
    
    image

    4.使用

        设置 image 域名,在调用 wxParse 之前就可以
    
                wxParse.setImageDomain('https://你的图片域名');
    
                wxParse.wxParse("content", "html", ...)
    

    相关文章

      网友评论

          本文标题:2019-10-11 关于 wxParse 图片相对路径的扩展

          本文链接:https://www.haomeiwen.com/subject/whlxmctx.html