【小程序】微信小程序实现富文本图文代码嵌入view（已解决）-CFANZ编程社区

一、实现效果

【小程序】微信小程序实现富文本图文代码嵌入view（已解决）_js代码

二、wxml代码

<view class="productDetail">
  <!-- 传入富文本内容 -->
  <rich-text nodes="{{productDetail}}"></rich-text>
</view>

三、js代码

/**
     * 页面的初始数据
     */
    data: {
         productDetail:"<img style='width:100%' src='/images/demo/product_21.jpg'/><img  style='width:100%' src='/images/demo/product_22.jpg'/><img style='width:100%' src='/images/demo/product_23.jpg'/><p><span style='font-family: 宋体;'>这是嵌入的富文本代码，这是嵌入的富文本代码，这是嵌入的富文本代码，这是嵌入的富文本代码，这是嵌入的富文本代码，这是嵌入的富文本代码，这是嵌入的富文本代码</span></span></p>"
    },