<template>
  <div class="erro">
    <a-empty :image="simpleImage" />
    <QuillEditor
        ref="QuillEditorRef"
        :options="options"
        :content="textarea"
        content-type="html"
        @update:content="textChange"
      />
————————————————
版权声明：本文为CSDN博主「Best_卡卡」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43909743/article/details/124882802
  </div>
</template>

<script lang="ts" setup>
import { defineExpose } from "vue";
import { Empty } from "ant-design-vue";
import { QuillEditor } from '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css';

defineExpose({
  simpleImage: Empty.PRESENTED_IMAGE_SIMPLE,
});
</script>
<style scoped>
.erro {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>