jyf-parser 富文本解析组件

平台差异

App	H5	微信小程序	支付宝小程序	百度小程序	头条小程序
√	√	√	√	√	√

基本使用

<template>
  <view>
    <jyf-parser :html="body"></jyf-parser>
  </view>
</template>

API

Props

参数	说明	类型	默认值	可选值	平台差异
html	要显示的 html 字符串	String	-	-	-
autopause	是否允许播放视频时自动暂停其他视频	Boolean	true	-	-
autoscroll	是否自动给 table 加一个滚动层（使表格可以单独滚动）	Boolean	false	-	-
autosetTitle	是否自动将 title 标签的内容设置到页面标题	Boolean	true	-	-
compress	压缩等级，可以选择是否移除 id 和 class	Number	0	-	-
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	-	-

Events

事件名	触发时机	功能
bindparse	解析完成时触发	返回解析结果，可以对该结果进行自定义修改，将在渲染时生效
bindload	dom 加载完成时触发	所有节点被添加到节点树中时触发，无返回值，可以调用 api
bindready	渲染完成时触发	返回 boundingClientRect 的查询结果（包含宽高、位置等信息），所有图片（除懒加载）加载完成时才会触发，图片较大时可能 延时较长
binderror	出错时触发	返回一个 object，其中 source 是错误来源，errMsg 为错误信息，target 包含出错标签的具体信息
bindimgtap	图片被点击时触发	返回一个 object，其中 src 是图片链接，ignore 是一个函数，在回调函数中调用将不进行预览
bindlinkpress	链接被点击时触发	返回一个 object，其中 href 是链接地址，ignore 是一个函数，在回调中调用将不自动跳转/复制