1.1.1 • Published 4 years ago
parser-wx v1.1.1
Parser
微信小程序富文本插件，详见 文档
功能简介
- 支持匹配
style中的样式 - 支持
svg - 支持锚点跳转
- 支持设置占位图
- 支持设置高清预览图
- 支持长按复制内容
- 支持给多媒体标签设置多个源
- 支持自动给链接填充主域名
- 支持几乎所有的
html标签 - 支持丰富的事件和效果
- 轻量化、效率高、容错性强
...
更多功能可见：功能介绍
使用方法
在小程序目录下执行
npm install parser-wx勾选使用
npm模块，并点击工具-构建npm在需要使用的页面的
json文件中添加{ "parser": "parser-wx" }在需要使用页面的
wxml文件中添加<parser html="{{html}}" />在需要使用页面的
js文件中添加data: { html:"<div>Hello World!</div>" }
组件属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| html | String | 要显示的 html 字符串 | |
| autopause | Boolean | true | 是否允许播放视频时自动暂停其他视频 |
| autoscroll | Boolean | false | 是否自动给 table 加一个滚动层（使表格可以单独滚动） |
| autosetTitle | Boolean | true | 是否自动将 title 标签的内容设置到页面标题 |
| compress | Number | 0 | 压缩等级，可以选择是否移除 id 和 class |
| domain | String | 主域名，设置后将给链接自动拼接主域名或协议名 | |
| lazy-load | Boolean | false | 是否开启图片懒加载 |
| loading-img | String | 图片加载完成前的占位图，详见 占位图 | |
| selectable | Boolean | false | 是否允许长按复制内容 |
| show-with-animation | Boolean | false | 是否使用渐显动画 |
| tag-style | Object | 设置标签的默认样式 | |
| use-anchor | Boolean | false | 是否使用页面内锚点 |
| use-cache | Boolean | false | 是否使用缓存，设置后多次打开不用重复解析 |
详细可见：组件属性
事件
| 名称 | 功能 | 说明 |
|---|---|---|
| bindparse | 解析完成时触发 | 返回解析结果，可以对该结果进行自定义修改，将在渲染时生效 |
| bindload | dom 加载完成时触发 | 所有节点被添加到节点树中时触发，无返回值，可以调用 api |
| bindready | 渲染完成时触发 | 返回 boundingClientRect 的查询结果（包含宽高、位置等信息），所有图片（除懒加载）加载完成时才会触发，图片较大时可能 延时较长 |
| binderror | 出错时触发 | 返回一个 object，其中 source 是错误来源，errMsg 为错误信息，target 包含出错标签的具体信息 |
| bindimgtap | 图片被点击时触发 | 返回一个 object，其中 src 是图片链接，ignore 是一个函数，在回调函数中调用将不进行预览 |
| bindlinkpress | 链接被点击时触发 | 返回一个 object，其中 href 是链接地址，ignore 是一个函数，在回调中调用将不自动跳转/复制 |
详细可见：事件