rich-text 富文本图片设置自适应

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

info987623

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

阅读量3.2k

点赞数 2

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_28098919/article/details/103488986

版权

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

11 篇文章 0 订阅

订阅专栏

const app = getApp()

Page({
  data: {

  },
  onLoad: function() {
    var that=this;
    var rich_text = '<p>1、新闻周刊</p> <p>2、新闻周刊列表</p> <p><img style="max-width:750rpx;height:auto" src="http://img2.imgtn.bdimg.com/it/u=1090478064,1313192438&fm=26&gp=0.jpg" /></p> <p><img style="max-width:750rpx;height:auto" src="http://img2.imgtn.bdimg.com/it/u=1090478064,1313192438&fm=26&gp=0.jpg"/></p> <p><br /></p>';
    that.setData({
      course_introduction: rich_text.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ')
    })

  },
})

    <view class="containe">
    <view class='item'>
      <view class='content'>
        <rich-text nodes="{{course_introduction}}"></rich-text>
      </view>
    </view>
    </view>