rich-text

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

说明：仅支持如下字符实体。其他字符实体会导致组件无法渲染。

文本节点