美文网首页
微信小程序中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