rich-text 解析富文本 图片过大 如何自定义大小?
发布于 7 年前 作者 gang71 1555 次浏览 来自 官方Issues

从后台查出来的富文本数据,使用 rich-text 进行展示时,其中的图片过大,超出屏幕。

真的是一点效果都没有,我都要急疯了,大佬们救救我把,

6 回复

能做个代码片段吗

wxParse-微信小程序富文本解析自定义组件,可以使用这个组件,git地址https://github.com/icindy/wxParse

刚好遇到了 ,发下我的处理方法吧

//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

}

在获取到的富文本字符串里格式化下图片相关的标签删除里面的style,再把处理后的字符串传给组件。具体怎么做自己百度。

不能给个CSS??

楼主,这个问题解决了吗,我也是通过样式,width什么的都不能起作用。如果看到希望可以回复下,在线等

回到顶部