详解小程序rich-text对富文本支持方案

Page({
 data: {
  nodes: [{
   name: 'div',
   attrs: {
    class: 'div_class',
    style: 'line-height: 60px; color: red;'
   },
   children: [{
    type: 'text',
    text: 'Hello World!'
   }]
  }]
 },
 tap() {
  console.log('tap')
 }
})

npm i rich-text-parser -S --production

import parser from 'rich-text-parser'

Page({
 data: {
    html: `
文殊林舍、山房由丽江铂尔曼度假酒店余明金老师设计，是丽江古城的网红民宿，2017年被评为全国100家“最美民宿”，以及2017年最值得睡的“365张床”。
  


  
两家店均位于古城北门坡半山处，背倚青山，可俯瞰古城全景。
  


  
文殊·林舍2间房、文殊·山房6间房，共8间房。有可看丽江古城全景的景观房，有落满阳光的大床房，有花园院景的复式房...
  


  
房间按照五星级标准配套，科勒卫浴、鹅绒被、品牌乳胶床垫、高端洗漱用品等，提供免费洗衣机、烘干机、自助厨房等配套服务。
  


  
每个房间距离适中，为所有入住房客营造更私密舒适的空间体验感！另房东可以提供一对一的管家服务，接受所有房客吃喝玩乐咨询以及打折的各种便利活动！
  


  

    

      
    
  
  

    

      
    
  
  

    

      
    
  
  

    

      
    
  
  

    

      
    
  
  

    

      
    
  
  

    

      
    
  
  

    

      
    
  
  

    

      
    
  
  

    

      
    
  
  

    

      
    
  
  

    

      
    
  
  

    

      
    
  
  


  
门店信息：
  
·wifi已覆盖、24小时热水、吹风机、一次性用品
  
·电热毯、壁炉、一对一管家服务等
  


  
商家联系电话：
  
·地址：云南省丽江市古城区北门坡玄天巷26号
  
·电话：15099128722
`,
  html2: []
 },
 onLoad () {
   const {html} = this.data
   // 定义需要解析的特殊标签，value不填默认是div
   parser.definedCustomTag({figure: 'div', figcaption: ''})
   const nodes = parser.getRichTextJson(html)
   console.log(nodes)
   this.setData({
    html2: nodes.children
   })
  }
})