Merge pull request #13 from yanbowe/main

fix(projects): 修复富文本编辑器在亮色主题下全屏后背景色丢失

.vscode/settings.json

@@ -1,59 +1,60 @@
 {
 	"editor.quickSuggestions": {
-			"strings": true
+		"strings": true
 	},
 	"workbench.iconTheme": "material-icon-theme",
 	"workbench.colorTheme": "One Dark Pro",
 	"editor.tabSize": 2,
 	"editor.fontLigatures": true,
 	"editor.codeActionsOnSave": {
-			"source.fixAll.eslint": true
+		"source.fixAll.eslint": true
 	},
 	"git.enableSmartCommit": true,
 	"path-intellisense.mappings": {
-			"@": "${workspaceFolder}/src",
-			"~@": "${workspaceFolder}/src",
+		"@": "${workspaceFolder}/src",
+		"~@": "${workspaceFolder}/src",
 	},
 	"gutterpreview.paths": {
-			"@": "/src",
-			"~@": "/src"
+		"@": "/src",
+		"~@": "/src"
 	},
 	"terminal.integrated.cursorStyle": "line",
 	"files.associations": {
-			"*.env.*": "dotenv"
+		"*.env.*": "dotenv"
 	},
 	"[jsonc]": {
-			"editor.defaultFormatter": "vscode.json-language-features"
+		"editor.defaultFormatter": "vscode.json-language-features"
 	},
 	"[json]": {
-			"editor.defaultFormatter": "vscode.json-language-features"
+		"editor.defaultFormatter": "vscode.json-language-features"
 	},
 	"[javascript]": {
-			"editor.defaultFormatter": "esbenp.prettier-vscode"
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
 	},
 	"javascript.updateImportsOnFileMove.enabled": "always",
 	"[javascriptreact]": {
-			"editor.defaultFormatter": "esbenp.prettier-vscode"
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
 	},
 	"terminal.integrated.fontSize": 14,
 	"terminal.integrated.fontWeight": 500,
 	"i18n-ally.displayLanguage": "zh",
 	"[html]": {
-			"editor.defaultFormatter": "esbenp.prettier-vscode"
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
 	},
 	"[typescript]": {
-			"editor.defaultFormatter": "esbenp.prettier-vscode"
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
 	},
 	"[vue]": {
-			"editor.defaultFormatter": "johnsoncodehk.volar"
+		"editor.defaultFormatter": "johnsoncodehk.volar"
 	},
 	"terminal.integrated.tabs.enabled": true,
 	"[typescriptreact]": {
-			"editor.defaultFormatter": "esbenp.prettier-vscode"
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
 	},
 	"[markdown]": {
-			"editor.defaultFormatter": "yzhang.markdown-all-in-one"
+		"editor.defaultFormatter": "yzhang.markdown-all-in-one"
 	},
 	"workbench.productIconTheme": "fluent-icons",
 	"vue3snippets.enable-compile-vue-file-on-did-save-code": false,
+	"editor.formatOnSave": false
 }

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

@@ -1,7 +1,7 @@
 <template>
   <div>
     <n-card title="富文本插件" class="shadow-sm rounded-16px">
-      <div ref="domRef" class="dark:bg-dark"></div>
+      <div ref="domRef" class="bg-white dark:bg-dark"></div>
       <template #footer>
         <github-link link="https://github.com/wangeditor-team/wangEditor" />
       </template>