@liuyunxi/rich-text v1.0.0

富文本 YxRichText

代码演示

<template>
  <YxRichText
      height="300px"
      :imageSize="3"
      v-model:value="values"
      @change="handelChange"
  ></YxRichText>
</template>

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

const values = ref('')

/*模拟延迟加载数据*/
setTimeout(() => {
  values.value = '<h1>测试内容</h1>'
}, 3000)

const handelChange = (value: string) => {
  console.log(value)
  console.log(values.value)
}
</script>

<style scoped lang="less"></style>

API

参数

事件