小程序中如何显示html富文本

525 阅读1分钟

后台管理系统通过富文本工具编辑好的内容需要展示在小程序页面该如何处理呢,只需要以下4步

1、下载wxParse插件包

下载

2、js文件处理

const WxParse = require('../../../../vendor/wxParse/wxParse.js');

WxParse.wxParse('ruleDetail', 'html', this.data.ruleDetail, this, 5);

3、css文件处理

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

4、html文件处理

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

<template is="wxParse" data="{{wxParseData:ruleDetail.nodes}}" />
//注:此处的ruleDetail与js中WxParse.wxParse()的第一个参数一致