wxParse-微信小程序富文本解析自定义组件

  • 编辑时间: 2017-12-22 10:45:13
  • 浏览量:212
  • 来源: 传送门

-=-前段时间开发微信小程序遇到的问题,希望对大家有所帮助

WxParse:

支持特性:HTML的大部分标签解析、内联style、标签Class、图片自适应规则、图片多图片预览、模版层级可扩展性、多数据循环方式、内联style。

实验功能:小表情emjio、a标签跳转、动态添加。

使用方法:

1.所需文件

- wxParse/ 

      -wxParse.js(必须存在)

      -html2json.js(必须存在)

      -htmlparser.js(必须存在)

      -showdown.js(必须存在)

      -wxDiscode.js(必须存在)

      -wxParse.wxml(必须存在)

      -wxParse.wxss(必须存在)

      -emojis(可选)    

//在使用的View中引入WxParse模块

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

//在使用的Wxss中引入WxParse.css,可以在app.wxss

@import "/wxParse/wxParse.wxss"; 

2.数据绑定

var article = '我是HTML代码';

/** * 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); 

3.模板引用

image.png
上一篇:没有了
下一篇:Docker--用gogs管理git仓库