Html 强富文本

本组件用于渲染html字符串，全端支持。

1. 对于轻量、简单的字符串，c-rich-text组件性能更好。
2. 对于复杂的字符串，如文章内容，使用此组件效果更好，有更多的自定义属性和效果。

信息

本组件使用mp-html直接封装，详细使用请参考mp-html。

平台

App	小程序	H5
√	√	√

属性

属性名	类型	默认值	说明	平台
cStyle	String,Object,Array	{fontSize:'28rpx'}	内容的样式	All
content	String		用于渲染的html字符串	All
copyLink	Boolean,String	true	是否允许外部链接被点击时自动复制	All
domain	String		主域名（用于链接拼接）	All
errorImg	String		图片出错时的占位图链接	All
lazyLoad	Boolean,String	false	是否开启图片懒加载	All
loadingImg	String		图片加载过程中的占位图链接	All
pauseVideo	Boolean,String	true	是否在播放一个视频时自动暂停其他视频	All
previewImg	Boolean,String	true	是否允许图片被点击时自动预览	All
scrollTable	Boolean,String	false	是否给每个表格添加一个滚动层使其能单独横向滚动	All
selectable	Boolean,String	false	是否开启文本长按复制	All
setTitle	Boolean,String	true	是否将title标签的内容设置到页面标题 不支持自定义导航	All
showImgMenu	Boolean,String	true	是否允许图片被长按时显示菜单	All
tagStyle	Object	{}	设置标签的默认样式	All
useAnchor	Boolean,Number	false	是否使用锚点链接	All

事件

事件名	说明	平台
load	dom 树加载完毕时	All
ready	图片加载完毕时	All
imgtap	图片被点击时	All
linktap	链接被点击时	All
play	音视频播放时	All
error	发生渲染错误时	All

示例

<template>
    <c-html :content="'<p>测试<span>富文本</span></p>'" :tagStyle="{span: 'color: #f00'}" />
</template>