(小程序篇)18.富文本解析

说明：我们做详情页面的时候，总是会遇到后台返回我们一串带有html标签的内容，小程序中无法解析html标签，我们可以使用wxparse来解决

1.下载wxparse地址

wxparse

2.代码使用

说明：下载完成之后放到小程序根目录下
.js 中

var WxParse = require('../../wxParse/wxParse.js');  // 绝对路径会报错
...
page({
	...
	async onLoad(options) {
        let article = '<div style="color:#ff0000;padding-left:30rpx;">你好</div>';
        WxParse.wxParse('article', 'html', article, this, 5);
    }
	...
})

.wxss 中

@import "/wxParse/wxParse.wxss";

.wxml 中

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

3.效果展示