RichText

富文本

属性

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

各端支持度

属性微信小程序H5ReactNative百度小程序支付宝小程序字节跳动小程序
nodes
示例:
  1. importTaro,{Component}from'@tarojs/taro'
  2. // 引入 RichText 组件
  3. import{RichText}from'@tarojs/components'
  4. classAppextendsComponents{
  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. }