微信小程序之rich-text富文本控制图片大小的问题

最新推荐文章于 2024-07-31 17:14:16 发布

亚历山大海

最新推荐文章于 2024-07-31 17:14:16 发布

阅读量3.6k

点赞数 1

分类专栏：微信小程序文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44936767/article/details/108833651

版权

微信小程序专栏收录该内容

54 篇文章 6 订阅

订阅专栏

<rich-text nodes="{{newResData}}"></rich-text>

    var jsonDa = JSON.stringify(tempConfig.content_yuekajian09).replace(/<img/gi, "<img class='richImg'style='width:auto!important;height:auto!important;max-height:100%;width:100%;'");
    //遍历得到的数据，给img添加CSS和style
    var newResData = JSON.parse(jsonDa);
    console.log(newResData); //得到的数据含有img标签的都有richImg类
    that.setData({
    	newResData: newResData,
	})

rich-text .richImg{
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto!important;
  width: auto!important;
}

在这里插入图片描述
21年01-15
补充下
按照上面弄得话会提示500的
需要在后台预处理下图片

$swtBase		= "https://*****.com";
$body= $news["body"];
$body= str_replace('src="/', 'src="' . $swtBase . '/', $body);
$infoArray["news"]["body"] = $body;