本文介绍的是wxParse(rich-text也能,而且更直接)
1、先下载wxParse放到项目中,js引入
(https://github.com/icindy/wxParse可以下载,只需要wxParse文件夹就行了)
var WxParse = require('../../utils/wxParse/wxParse.js');
WxParse.wxParse('content', 'html', '后端返回的富文本内容字段', that, 0);
然后到时候的wxml中引入与使用
<import src="../../utils/wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{wxParseData:content.nodes}}"/>
wxss引入下
@import '../../utils/wxParse/wxParse.wxss'
2、wxParse解析空格会出错,这时候到wxParse文件夹的wxDiscode.js文件里面,将
str = str.replace(/ /g, ' ');
修改为
str = str.replace(/ /g, '\xa0');
然后就可以了
但是如果当你的返回值是有多个值的时候,上述方法则无法满足你,可以使用下面的方法