富文本

属性

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

各端支持度

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