微信小程序
info wxParser 文件版已停止维护,推荐使用插件版。
使用步骤
把
wxParser
目录放到小程序项目的根目录下在需要富文本解析的的
WXML
内引入wxParser/index.wxml
在页面
JS
文件内使用wxParser.parse(options)
方法解析HTML
内容在需要展示富文本内容的页面的
wxss
文件内引入wxParser
的默认样式库wxParser/index.wxss
,或者在小程序项目根目录的app.wxss
中引入
wxParser 参数说明
wxParser.parse(options)
方法的 options
参数说明
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
bind | String | 是 | 要绑定的数据名称 |
html | String | 是 | HTML 内容 |
target | Object | 是 | 绑定数据的模块对象 |
enablePreviewImage | Boolean | 否 | 是否启用富文本内的图片预览功能,默认是 |
tapLink | Function | 否 | 点击超链接时的回调函数 |
示例
WXML
JS
WXSS
同时,你可以下载我们在 github 上上传的一个简单的 demo 来作参考
注:
JS
中的richText
可以自定义,但是必须要与WXML
中的richText
对应推荐把 template 放到
<view class="wxParser"></view>
内部,这样可以受wxParser
控制并具有wxParser
的一些默认样式不建议直接修改
wxParser
的默认样式(因为内容库样式会有定期更新),应该新增一个样式补丁文件用来自定义样式
Last updated