This package has been deprecated

Author message:

use mp-html instead of

parser-wx

1.1.1 • Public • Published

Parser

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

star forks last-commit license

功能简介

  • 支持匹配 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 是一个函数,在回调中调用将不自动跳转/复制

详细可见:事件

Install

npm i parser-wx

DownloadsWeekly Downloads

3

Version

1.1.1

License

MIT

Unpacked Size

31.6 kB

Total Files

17

Last publish

Collaborators

  • tjwhale