小程序 富文本中的图片大小处理

    技术2025-10-24  12

    例子:

    接口访问成功后打印出的格式如果和我的一样可以参考参考:

     

    图片大小无法在样式中设置,以下是我的处理方式:

    demo.wxml

    <view class="pro_detail">

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

    </view>

    style.wxss

    .pro_detail{

      width: 750rpx;

      padding-bottom: 100rpx;

    }

    demo.js

    name(){

    ......//你自己写的接口

    var goodsRemark = goods.remark.replace(/\<img/gi, '<img style="max-width:100%;height:auto"');

    var _remark = (goodsRemark || '').replace(/\/upload\/ckeditor/g, _this.data.resourceUrl +'/upload/ckeditor');

    _this.setData({

    remark: _remark

    });

    }

    不懂可以咨询我,也许不会第一时间看到,但看到一定会回复哦。

    Processed: 0.009, SQL: 9