小程序解析后端返回的html格式数据

先看数据格式：

大概就这个样子，首先我们引入一个组件：wxParse

git地址：https://github.com/icindy/wxParse，下载完后把wxParse里的wxParse文件夹放好，比如utils等看个人习惯

1、先到需要使用的页面wxss里面引入样式(教程很多都是在全局的app.wxss看个人咯，怕影响到其他页面的样式还是个别引入)

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

2、到需要用到的js文件里引入

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

3、通过调用WxParse.wxParse方法来设置html内容

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

Page({
  data: {
  },
  onLoad: function () {
    //content其实就是你的req得到的html数据
     var that = this, content= "<p class="p" style="font-size:13.3333px;text-indent:24pt;background:#FFFFFF;">
	<span style="font-family:&quot;font-size:24px;">在移动互联网快速发展的今天，现代智慧城市建设离不开互联网和大数据。安防行业相关专家表示，助力城市建设，安防行业也要加速行业转型，进一步拥抱互联网技术。</span> 
</p>
<p class="p" style="font-size:13.3333px;text-indent:24pt;background:#FFFFFF;">
	<span style="font-family:&quot;font-size:24px;"><span style="font-family:&quot;font-size:24px;">在日前由中安信联科技有限公司主办的安防行业全新产业生态布局暨战略合作签约新闻发布会上，中国城市科学研究会智慧城市联合实验室首席科学家万碧玉表示，目前国家积极鼓励发展智慧城市，加强城市供水供气供电、公交和防洪防涝设施等建设，深入推进新型城镇化，打造智慧城市以改善人居环境，最终使人民生活得更安心更舒心。</span></span> 
</p>
<p>
	<span style="font-size:24px;"></span> 
</p>";
     WxParse.wxParse('content', 'html', content, that,0);
  }
})

4、然后到你的wxml界面里面引入，其中content.nodes里的content就是你第3步时候的bindName

<import src="../../wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{wxParseData:content.nodes}}"/>

图片也能，没试过