微信小程序显示富文本内容图片溢出设置样式

微信小程序显示PC端配置的富文本内容时,图片溢出手机屏幕,设置样式不成功。
解决办法:使用js给每个img图片标签添加样式style

	  // str是富文本数据
      var newHtml = str.replace(/(<img\s+.*?style=")(.*?)(".*?>)/g, function (match, p1, p2, p3) {
    
    
        var newStyle = 'width:100%;height:auto;';
        return p1 + newStyle + p3;
      });
      str.remark = newHtml //替换

富文本显示标签: <RichText nodes={str} />

效果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44801790/article/details/131064138
今日推荐