Skip to content

editor-preview

编辑器预览。

参数说明类型可选值默认值
modelValue绑定值string
title弹窗标题string
name编辑器名称wang
showBtn是否显示按钮boolean
heightstring60vh
widthstring60%
formatter内容格式化function
tabs多个内容展示array
props组件参数object

示例

html
<template>
  <cl-editor-preview v-model="wang" name="wang" text="查看内容" />
</template>

<script lang="ts" setup>
  import { ref } from "vue";

  const wang = ref(
    '<p><span style="font-size: 22px;"><em>富文本编</em></span><span style="color: rgb(216, 68, 147); font-size: 22px;"><em>辑器</em></span></p>'
  );
</script>