学习笔记------微信小程序富文本插件wxParese

学习笔记—微信小程序富文本插件wxParese

一、简介及说明

在小程序项目开发中，会遇到富文本编辑的内容，后台返回到小程序端无法解析，这时就需要一个插件来处理。

微信小程序没有提供webview等html解析，原展示类文本没有办法图文并茂的原生展示，wxParse主要目的就是弥补富文本解析空缺的问题。

二、 使用方法

1、下载wxParese文件，拷贝wxParse文件夹到自己的小程序项目中,emojis是表情包，可选择性删除。

- wxParse/
  -wxParse.js(必须存在)
  -html2json.js(必须存在)
  -htmlparser.js(必须存在)
  -showdown.js(必须存在)
  -wxDiscode.js(必须存在)
  -wxParse.wxml(必须存在)
  -wxParse.wxss(必须存在)
  -emojis(可选)

2、在项目文件中使用

（1）在当前页对应的js中引入wxParse.js

 //index.js  const WxParse = require('../../wxParse/wxParse.js')    

（2）使用template组件

在wxml中插入组件，具体插入的位置是需要转换的地方。

  <!--index.wxml-->
  <import src="../../wxParse/wxParse.wxml" /> 
  <view class="conta