美文网首页
微信小程序中rich-text图片自适应

微信小程序中rich-text图片自适应

作者: 依然_8deb | 来源:发表于2020-02-13 16:31 被阅读0次

    details是要处理的内容

    const replaceDetail = function(details){
        var texts='';//待拼接的内容
        while(details.indexOf('<img')!=-1){//寻找img 循环
            texts+=details.substring('0',details.indexOf('<img')+4);//截取到<img前面的内容
            details = details.substring(details.indexOf('<img')+4);//<img 后面的内容
            if(details.indexOf('style=')!=-1 && details.indexOf('style=')<details.indexOf('>')){
                texts+=details.substring(0,details.indexOf('style="')+7)+"max-width:100%;height:auto;margin:0 auto;";//从 <img 后面的内容 截取到style= 加上自己要加的内容
                details=details.substring(details.indexOf('style="')+7); //style后面的内容拼接
            }else{
                texts+=' style="max-width:100%;height:auto;margin:0 auto;" ';
            }
        }
        texts+=details;//最后拼接的内容
        return texts
    }
    

    相关文章

      网友评论

          本文标题:微信小程序中rich-text图片自适应

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