# mp-html富文本展示

提示

mp-html组件是富文本回显组件

# 基本使用


<template>
  <view>
    <myContainer>
      <u-form :model="form" ref="form">
        <formMp label="内容" v-model="form.content"></formMp>
      </u-form>

      <myView marginTop="100">
        <mp-html :content="form.content"></mp-html>
      </myView>
    </myContainer>
  </view>
</template>

# Props属性

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

# Event事件

事件名 说明 回调参数
load dom 结构加载完毕时触发
ready 所有图片加载完毕时触发 e
imgTap 图片被点击时触发 e
linkTap 链接被点击时触发 e
error 媒体加载出错时触发 e