小程序-富文本

1 下载wx.parse安装包  地址:https://github.com/icindy/wxParse

2.在需要使用该插件的View(.js文件)中引入WxParse模板 例子:var WxParse= require(‘../../../wxParse/wxParse.js‘);

3.在需要使用的wxss中引入WxParse.wxss,也可以在app.wxss中引入 例子:@import"../../../wxParse/wxParse.wxss";

4.进行数据绑定 以下为官方文档介绍

var article= ‘<div>2333333333</div>‘; 

/** 

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

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

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

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

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

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

**/ 

var that = this; 

WxParse.wxParse(‘article‘, ‘html‘, article,that, 5);

 

我的项目代码

var article= postData.detail; 

var _this= this; 

WxParse.wxParse(‘article‘, ‘html‘, article,_this, 5);

 

 

5.在内容页(.wxml文件)中引用该模版文件,

其中data中article为bindName

导入文件 

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

引用模版 

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

小程序-富文本

上一篇:小程序-需求评审阶段介入测试


下一篇:微信小程序开发--组件(5)