富文本

属性

属性名类型默认值说明
nodesArray / String[]节点列表 / HTML String

各端支持度

属性微信小程序H5ReactNative百度小程序支付宝小程序字节跳动小程序
nodes✔✔✔✔✔✔
示例：
  1. import Taro, { Component } from '@tarojs/taro'
  2. // 引入 RichText 组件
  3. import { RichText } from '@tarojs/components'
  5. class App extends Components {
  6.   state = {
  7.     nodes: [{
  8.       name: 'div',
  9.       attrs: {
  10.         class: 'div_class',
  11.         style: 'line-height: 60px; color: red;'
  12.       },
  13.       children: [{
  14.         type: 'text',
  15.         text: 'Hello World!'
  16.       }]
  17.     }]
  18.   }
  19.   render () {
  20.     return (
  21.       <RichText nodes={this.state.nodes} />
  22.     )
  23.   }
  24. }