rich-text 富文本标签

rich-text 富文本标签。它可以将字符串解析成 对应标签,类似 vue中 v–html 功能

标签字符串

对象数组

.js文件

Page({
  data: {
    //标签字符串
    jsp:'<div class="dic_class"><h1>Title</h1><p class="p">Lise is&nbsp;&nbsp;<i>like</i>&nbsp;&nbsp;a box of <b>&nbsp;&nbsp;chocolates</b></p></div>',

    //对象数组
    html:[{
        // div标签 name属性来指定
        name:"div",
        //标签上有哪些属性
        attrs:{
          class:"my_div",
          style:"color:red;"
        },
        //子节点
        children:[{
          name:"h3",
          attrs:{},
          children:[{
              type:"text",
              text:"ni hao ya!"
            }]
        }]
      }
    ]
  }
})

.wxml文件

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

显示效果
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐