feat(projects): 新增项目、执行、任务等功能

src/views/plugin/editor/quill/index.vue

@@ -1,47 +1,19 @@
 <script setup lang="ts">
-import { onMounted, ref } from 'vue';
-import WangEditor from 'wangeditor';
+import { ref } from 'vue';
+import BusinessRichTextEditor from '@/components/custom/business-rich-text-editor.vue';
 
 defineOptions({ name: 'QuillPage' });
 
-const editor = ref<WangEditor>();
-const domRef = ref<HTMLElement>();
-
-function renderWangEditor() {
-  editor.value = new WangEditor(domRef.value);
-  setEditorConfig();
-  editor.value.create();
-}
-
-function setEditorConfig() {
-  if (editor.value?.config?.zIndex) {
-    editor.value.config.zIndex = 10;
-  }
-}
-
-onMounted(() => {
-  renderWangEditor();
-});
+const value = ref('<p>hello&nbsp;<strong>wangEditor v5</strong></p>');
 </script>
 
 <template>
   <div class="h-full">
     <ElCard header="富文本插件" class="card-wrapper">
-      <div ref="domRef" class="bg-white dark:bg-dark"></div>
+      <BusinessRichTextEditor v-model="value" :height="360" upload-directory="demo" />
       <template #footer>
-        <GithubLink link="https://github.com/wangeditor-team/wangEditor" />
+        <GithubLink link="https://github.com/wangeditor-next/wangEditor-next" />
       </template>
     </ElCard>
   </div>
 </template>
-
-<style scoped>
-:deep(.w-e-toolbar) {
-  background: inherit !important;
-  border-color: var(--el-border-color) !important;
-}
-:deep(.w-e-text-container) {
-  background: inherit;
-  border-color: var(--el-border-color) !important;
-}
-</style>