小程序 wxParse 解析html

小程序默认不支持html格式的内容显示。小程序 wxParse 解析html

嗯,但是我想我可能今后会遇到蛮多就是类似富文本内容展示的功能。所以今天在做的同时就记录一下啦……

首先git上下载wxParse (我是从这儿下载的 https://github.com/icindy/wxParse

下载解压后,我们需要里面的wxParse 文件夹 ,将wxParse整个文件夹放入pages文件夹中。

小程序 wxParse 解析html小程序 wxParse 解析html

把wxParse.js  wxParse.wxss wxParse.wxml 三个文件 ,分别引入到你所需要实现解析的相关文件中,

js:

var WxParse = require('../wxParse/wxParse.js');
var goods_info = res.data.goods_info;
this.setData({
goods_info: WxParse.wxParse('goods_info', 'html', goods_info, _this, 0),
})

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

wxss:

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


效果:出现富文本中的内容(忽略样式,图片仅测试图;没调整小程序 wxParse 解析html):

小程序 wxParse 解析html