码迷,mamicode.com
首页 > 微信 > 详细

小程序-富文本

时间:2019-07-27 09:35:31      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:article   port   安装包   XML   node   sed   span   detail   view   

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}}" /> 

小程序-富文本

标签:article   port   安装包   XML   node   sed   span   detail   view   

原文地址:https://www.cnblogs.com/visiliki-lvy/p/11253651.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!