微信小程序如何使用富文本

最新推荐文章于 2025-04-21 01:49:44 发布

yaojie.yao

最新推荐文章于 2025-04-21 01:49:44 发布

阅读量504

点赞数

分类专栏：微信小程序文章标签：小程序 github js

本文链接：https://blog.youkuaiyun.com/listStyleScript/article/details/106109235

版权

wxParse怎么使用

github官方: https://github.com/icindy/wxParse

步骤简介

1.在GitHub上吧文件夹wxParse下载下来
- wxParse/
-wxParse.js(必须存在)
-html2json.js(必须存在)
-htmlparser.js(必须存在)
-showdown.js(必须存在)
-wxDiscode.js(必须存在)
-wxParse.wxml(必须存在)
-wxParse.wxss(必须存在)

2.在要使用的页面js中引入wxParse.js文件

var WxParse = require('../../wxParse/wxParse.js');  //路径看自己的的实际路径

//在使用的页面Wxss中引入WxParse.css,或在app.wxss中引入
@import "/wxParse/wxParse.wxss";   //css文件必须导入

3.数据绑定，通常在onLoad钩子绑定,看自己的实际情况,也有可能在获取完数据的回调函数中

绑定格式：

var article = '<div>我是HTML代码</div>';   //此处为富文本,看后台返回
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(