From a7de31404508a2d4436435d06cdb63f851a86029 Mon Sep 17 00:00:00 2001
From: Yanbowen <349952469@qq.com>
Date: Tue, 9 Nov 2021 17:48:25 +0800
Subject: [PATCH] =?UTF-8?q?fix(projects):=20wangEditor=E5=9C=A8=E6=9A=97?=
 =?UTF-8?q?=E9=BB=91=E6=A8=A1=E5=BC=8F=E4=B8=8B=E7=9A=84=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E8=89=B2=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/component/editor/quill/index.vue | 35 +++++++++++++---------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/views/component/editor/quill/index.vue b/src/views/component/editor/quill/index.vue
index c90b03d3..dd10f285 100644
--- a/src/views/component/editor/quill/index.vue
+++ b/src/views/component/editor/quill/index.vue
@@ -1,12 +1,12 @@
 <template>
-  <div>
-    <n-card title="富文本插件" class="shadow-sm rounded-16px">
-      <div ref="domRef"></div>
-      <template #footer>
-        <github-link link="https://github.com/wangeditor-team/wangEditor" />
-      </template>
-    </n-card>
-  </div>
+	<div>
+		<n-card title="富文本插件" class="shadow-sm rounded-16px">
+			<div ref="domRef" class="dark:bg-dark"></div>
+			<template #footer>
+				<github-link link="https://github.com/wangeditor-team/wangEditor" />
+			</template>
+		</n-card>
+	</div>
 </template>
 
 <script setup lang="ts">
@@ -19,17 +19,24 @@ const editor = ref<WangEditor | null>(null);
 const domRef = ref<HTMLElement | null>(null);
 
 function renderWangEditor() {
-  editor.value = new WangEditor(domRef.value);
-  setEditorConfig();
-  editor.value.create();
+	editor.value = new WangEditor(domRef.value);
+	setEditorConfig();
+	editor.value.create();
 }
 
 function setEditorConfig() {
-  editor.value!.config.zIndex = 10;
+	editor.value!.config.zIndex = 10;
 }
 
 onMounted(() => {
-  renderWangEditor();
+	renderWangEditor();
 });
 </script>
-<style scoped></style>
+<style scoped>
+:deep(.w-e-text-container) {
+	background: inherit;
+}
+:deep(.w-e-toolbar) {
+	background: inherit !important;
+}
+</style>