在微信小程序中识别html标签的方法（wxParse）

在小程序开发中遇到了小程序不支持html标签，这在获取后端提供的”商品详情页面“产生了很大难题，在网上找到了wxParse富文本插件，官方地址：wxParse

详细教程：

1、打开网站，将wxParse文件夹复制到项目中





2、在使用的页面导入文件

首先在xx.js导入文件，在文件头写上：

var WxParse = require('../wxParse/wxParse.js')

如图：



其次在xx.wxml导入文件，在文件头写上：

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

如图：

3、获取到数据以后

var article = '<div>这里是html数据</div>';
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
var that = this;
WxParse.wxParse('article', 'html', article, that,5);

4、在wxml中引入模板

//这里data中article为bindName
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>

感谢wxParse作者写出这么好的插件