小程序解析富文本

一、将解析富文本需要的文件夹放入程序目录
小程序解析富文本_第1张图片
二、wxml中引入

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

//要显示富文本处
//1>多条数据循环
<block wx:for="{{replyTemArray}}" wx:key="">
	<template is="wxParse" data="{{wxParseData:item}}" />
</block>

//2>单条数据
<template is="wxParse" data="{{wxParseData:article.nodes}}" />

三、js中处理

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

//多条数据循环
for(let i=0;i<arr.length;i++){
  WxParse.wxParse('reply' + i, 'html', arr[i]['content'], that);
  if (i === arr.length - 1) {
    WxParse.wxParseTemArray("replyTemArray", 'reply', arr.length, that)
  }
}

//单条数据
WxParse.wxParse('article', 'html', ceshi, that, 5);

你可能感兴趣的:(微信小程序,富文本)