小程序 wxParse 解析html
小程序默认不支持html格式的内容显示。
嗯,但是我想我可能今后会遇到蛮多就是类似富文本内容展示的功能。所以今天在做的同时就记录一下啦……
首先git上下载wxParse (我是从这儿下载的 https://github.com/icindy/wxParse)
下载解压后,我们需要里面的wxParse 文件夹 ,将wxParse整个文件夹放入pages文件夹中。
把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";
效果:出现富文本中的内容(忽略样式,图片仅测试图;没调整):