微信小程序-rich-text 富文本标签

微信小程序-rich-text 富文本标签

demo.wxml

 <rich-text nodes="{{html}}">rich-text>

demo.js

// pages/demo11/demo11.js
Page({

 /**
  * 页面的初始数据
  */
 data: {
   // 1 标签字符串 最常用的
   // html:'
天猫新品
充值中心
'
   // 2 对象数组
   html:[{
       // 1 div标签 name属性来指定
       name:"div",
       // 2 标签上有哪些属性
       attrs:{
         // 标签上的属性 class style
         class:"my_div",
         style:"color:red;"
       },
       // 3 子节点 children 要接收的数据类型和 nodes 第二种渲染方式的数据类型一致
       children:[{
           name:"p",
           attrs:{},
           // 放文本
           children:[{
               type:"text",
               text:"hello world！！！我 *******"
           }]
       }]
   }]
 }
})

示例