从后台查出来的富文本数据,使用 rich-text 进行展示时,其中的图片过大,超出屏幕。
真的是一点效果都没有,我都要急疯了,大佬们救救我把,
刚好遇到了 ,发下我的处理方法吧
//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
}