cn-rdms-web/src/views/plugin/editor/quill/index.vue

<script setup lang="ts">
import { ref } from 'vue';
import BusinessRichTextEditor from '@/components/custom/business-rich-text-editor.vue';

defineOptions({ name: 'QuillPage' });

const value = ref('<p>hello&nbsp;<strong>wangEditor v5</strong></p>');
</script>

<template>
  <div class="h-full">
    <ElCard header="富文本插件" class="card-wrapper">
      <BusinessRichTextEditor v-model="value" :height="360" upload-directory="demo" />
      <template #footer>
        <GithubLink link="https://github.com/wangeditor-next/wangEditor-next" />
      </template>
    </ElCard>
  </div>
</template>