微信小程序富文本解析

方法一：使用rich-text标签

 eg:  <rich-text nodes="{{nodes}}"></rich-text>

方法二：使用wxParse插件解析

1.在wxml文件中引用wxParse.wxml

<import src="../../wxParse/wxParse.wxml"/> 

<view class="content" >
    <template is="wxParse" data="{{wxParseData:content.nodes}}" />  
</view>

2.在js文件中引用wxParse.js

var WxParse = require('../../wxParse/wxParse.js');
Page({
  data: {
    

  },
  onLoad:function(){
     var content="<p style="color: #9AACC7;font-size:30px;">hello!</p>";
     let that=this;
     WxParse.wxParse("content", 'html', content, that, 5);    
 
  }
 
})

3.在wxss文件中引用样式wxParse.wxss

@import "../../wxParse/wxParse.wxss";