微信小程序解析富文本的几种方法

Posted 2021-03-15 只有在潮水退却的时候，才知道谁在裸泳！

工作中有遇到过在小程序中需要解析后台管理系统设置的富文本内容，

一，可以使用wxParse插件解析html

使用方法

1.在github中下载 下载地址  https://github.com/icindy/wxParse/tree/master/wxParse

 

但是博住使用后 总是报 

VM3004:1 thirdScriptError
html.replace is not a function;at api request success callback function

 

遍在网上找资料 在微信公众平台上面发现 小程序自带了 富文本标签 

 

基本使用方法

1.在rich-text.wxml页面中使用 rech-text 标签

1. <!-- rich-text.wxml -->
2.  
   <rich-text nodes="{{nodes}}"></rich-text>

    

   

    

    

   在rich-text.js页面中使用 绑定数据 

   // rich-text.js