微信小程序-后台使用富文本编辑器返回数据，小程序编译富文本编辑器返回的数据

最近遇到一个功能，后台管理系统添加商品的时候，商品详情是使用富文本编辑器添加的。小程序获取的商品详情数据是含有<p>标签的。

后台管理系统

 百度了多种方法，也试用了很多方法，最终觉得wxParse.js比较方便。

在页面js文件引入wxParse.js

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

 处理接口返回的商品详情的数据

res.goods.describes = WxParse.wxParse('article', 'html', res.goods.describes, that, 5);

WxParse.wxParse(bindName , type, data, target,imagePadding)

1.bindName绑定的数据名(必填)

2.type可以为html或者md(必填)

3.data为传入的具体数据(必填)

4.target为Page对象,一般为this(必填)

5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)

WxParse.wxParse('引用的时候的名字,如courseDetail', 'html', '你需要解析的数据,如courseDetailContent', that, 5)

 

在页面wxml文件中

<!-- 引入wxParse文件 -->
<import src="../../wxParse/wxParse.wxml" />

<!-- 在商品详情具体位置添加 -->
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>