Web前端之路web 前端

小程序富文本解析插件wxParse

2019-08-05  本文已影响23人  刘凯gg
使用方法
1.在github中下载 下载地址 https://github.com/icindy/wxParse/tree/master/wxParse
2.将下载的目录复制到小程序文件里
3.在你要用的组件WXSS里进入css, 注意全局引入可能会和自己的样式冲突
/* pages/user/setting/pageabout/pageabout.wxss */
@import "../../../../wxParse/wxParse.wxss";
4.在你要用的组件js里进入js, 路径根据自己的修改
import IndexModel from '../../../../models/index.js'
5.在方法中直接使用就可以了
 onLoad: function (options) {
const that = this; /*** WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)*/ 
var temp = WxParse.wxParse('article', 'html', data, that, 5); 
}
6.在你要用的组件WXML里进入WXML, 路径根据自己的修改
<import src="../../../../wxParse/wxParse.wxml"/>

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

解析效果图

小伙伴们看完记得点个小心心
上一篇下一篇

猜你喜欢

热点阅读