RichText

基础库 1.11.0 开始支持，低版本需做 兼容

rich-text 是一个富文本组件。

支持如下默认事件:

• tap
• touchstart
• touchmove
• touchcancel
• touchend
• longtap
  注意nodes 属性只支持使用 Array 类型。如果需要支持 HTML String，则需要自己将 HTML String转化为 nodes 数组，可使用 mini-html-parser 转换。

nodes

现支持两种节点，通过type来区分，分别是元素节点和文本节点，默认是元素节点，在富文本区域里显示的HTML节点

元素节点

文本节点

支持的HTML节点及属性

支持class和style属性，不支持id属性。

示例代码

<!-- page.axml -->
<rich-text nodes="{{nodes}}" onTap="tap"></rich-text>

// page.js
Page({
  data: {
    nodes: [{
      name: 'div',
      attrs: {
        class: 'test_div_class',
        style: 'color: green;'
      },
      children: [{
        type: 'text',
        text: 'Hello World! This is a text node.'
      }]
    }]
  },
  tap() {
    console.log('tap')
  }
})

原文: https://docs.alipay.com/mini/component/rich-text