<rich-text nodes="{{nodes}}"></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

<rich-text nodes="{{html2}}"></rich-text>

import parser from 'rich-text-parser'

Page({
 data: {
    html: `<p>文殊林舍、山房由丽江铂尔曼度假酒店余明金老师设计，是<b>丽江古城的网红民宿</b>，2017年被评为<b>全国100家“最美民宿”</b>，以及2017年<b>最值得睡的“365张床”</b>。</p>
  <p><br></p>
  <p>两家店均位于古城北门坡半山处，背倚青山，<b>可俯瞰古城全景。</b></p>
  <p><br></p>
  <p>文殊·林舍2间房、文殊·山房6间房，共8间房。有可看丽江古城全景的景观房，有落满阳光的大床房，有花园院景的复式房...</p>
  <p><br></p>
  <p>房间<b>按照五星级标准配套</b>，科勒卫浴、鹅绒被、品牌乳胶床垫、高端洗漱用品等，提供免费洗衣机、烘干机、自助厨房等配套服务。</p>
  <p><br></p>
  <p>每个房间距离适中，为所有入住房客营造更私密舒适的空间体验感！另房东可以提供一对一的管家服务，接受所有房客吃喝玩乐咨询以及打折的各种便利活动！</p>
  <p><br></p>
  <div class="kai-images">
    <figure contenteditable="false"><img src="/UploadFiles/2021-04-02/o_1cs1glier2lsdge1q9irbs1a5u4e.jpg">

源码参见rich-text-parser 
效果图以及数据结构：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。