rich-text

rich-text 是一个富文本组件。基础库 1.11.0 开始支持，低版本需做兼容处理，操作参见 小程序基础库说明。

默认支持如下事件：

• tap
• touchstart
• touchmove
• touchcancel
• touchend
• longtap

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')
  }
})

文本节点