微信小程序显示HTML富文本

效果图
上面是转化后的,下面是后台获取的HTML标签
微信小程序显示HTML富文本_第1张图片
下载wxParse文件
git地址:https://github.com/icindy/wxParse

找到 wxParse 文件夹 复制到你的项目中(放在跟目录中)

在你需要使用的页面引入(文件路径根据你放的位置需要改动)
css


/* pages/index/index.wxss */
@import "/wxParse/wxParse.wxss";

js


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

// 在请求回调中加入下面代码
var content = data.nr;
WxParse.wxParse('content', 'html', content, that, 5);

wxml



<import src="/wxParse/wxParse.wxml" />

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

你可能感兴趣的:(微信小程序)