This package has been deprecated

Author message:

use mp-html instead of

parser-wx

Parser

微信小程序富文本插件，详见 文档

功能简介

• 支持匹配 style 中的样式
• 支持 svg
• 支持锚点跳转
• 支持设置占位图
• 支持设置高清预览图
• 支持长按复制内容
• 支持给多媒体标签设置多个源
• 支持自动给链接填充主域名
• 支持几乎所有的 html 标签
• 支持丰富的事件和效果
• 轻量化、效率高、容错性强
  ...

更多功能可见：功能介绍

使用方法

1. 在小程序目录下执行

   npm install parser-wx

2. 勾选使用 npm 模块，并点击工具-构建 npm

3. 在需要使用的页面的 json 文件中添加

   {
     "parser": "parser-wx"
   }

4. 在需要使用页面的 wxml 文件中添加

   <parser html="{{html}}" />

5. 在需要使用页面的 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 是一个函数，在回调中调用将不自动跳转/复制

详细可见：事件