【小程序】使用wxParse解析html

小程序在开发时，读取到服务器的内容是html格式的，因小程序不支持html格式的内容显示的，因此要对html格式的内容进行编译，可以通过wxParse来实现。

wxParse下载地址

实现方法：

1. 将下载下来的wxParse文件夹复制到开发项目的根目录下。
2. 在小程序页面对应的wxss文件中引用wxParse.wxss

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

3. 在小程序页面对应的js文件中引用wxParse.js，并使用

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

Page({
  data: {

  },
  onLoad: function () {
    const that = this;

    var article = "<p>避免用不干净的手去碰手术伤口，以免引起细菌感染；术后姿势要注意，睡觉时枕高头部，有助于消肿；术后冷敷只需要1~2天，之后要热敷，热敷可以帮助血液循环；可以适量服用消炎药；恢复前不能佩戴隐形眼镜；饮食尽量清淡，不要吃海鲜、辛辣等食物。</p>" +
      "<p><font color=\"#e8714f\"><br /></font></p>" +
      "<p><font color=\"#e8714f\">现在正流行的韩式三点双眼皮，和切开法、埋线法相比较，区别在哪里？</font></p>" +
      "<p>韩式三点算是部分切开法，手术的切口是三个小点，它的优点是只有三个小痕迹，不明显，缺点是只能去脂肪，不能去皮。完全切开法是切开一条长线，可以去脂去皮。而埋线的话则是没有切口，不能去脂去皮，只是通过缝合的方法来打造双眼皮。韩式三点适合眼皮比较薄，眼部脂肪不多、皮肤不松的人，轻微的肿泡眼也可以做。所以也可以理解为适合</p>" +
      "<p>做埋线的就适合做韩式三点。</p>" +
      "<p><font color=\"#e8714f\"><br /></font></p>" +
      "<p><font color=\"#e8714f\">做了双眼皮会不会影响我的视力？</font></p>" +
      "<p>上眼皮，下眼皮，眼球的视觉系统是三个相对独立的解剖生理结构和部位，所以手术是不会对视力产生影响的。</p>"
      
    /**
    * WxParse.wxParse(bindName , type, data, target,imagePadding)
    * 1.bindName绑定的数据名(必填)
    * 2.type可以为html或者md(必填)
    * 3.data为传入的具体数据(必填)
    * 4.target为Page对象,一般为this(必填)
    * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
    */
    
    WxParse.wxParse('article', 'html', article, that, 5);
  }
})

4. 在小程序页面对应的wxml文件中引用wxParse.wxml

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

wxParse高级用法