From de64b9a7663e2a180fb2f4f3389ac46d1c1d347e Mon Sep 17 00:00:00 2001
From: shikong <919411476@qq.com>
Date: Mon, 19 Feb 2024 01:29:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.vue                          |  4 ---
 .../src/components/markdown/tui-editor.vue    | 33 +++++++++++++------
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 8896216..b59cda4 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -6,10 +6,6 @@ import {useGlobalConfig} from "@/stores/globalConfig";
 import {watch,onBeforeUnmount } from "vue";
 import {useMagicKeys, whenever} from "@vueuse/core";
 import {destroyDebugger, switchDebugger} from "@/utils/debugger/eruda";
-import {useRoute} from "vue-router";
-
-let routeLocationNormalizedLoaded = useRoute();
-console.log(routeLocationNormalizedLoaded)
 
 const {t, availableLocales: languages, locale} = useI18n();
 let globalConfig = useGlobalConfig();
diff --git a/frontend/src/components/markdown/tui-editor.vue b/frontend/src/components/markdown/tui-editor.vue
index 7afaa16..4e7af60 100644
--- a/frontend/src/components/markdown/tui-editor.vue
+++ b/frontend/src/components/markdown/tui-editor.vue
@@ -1,17 +1,28 @@
 <script setup lang="ts">
-import '@toast-ui/editor/dist/toastui-editor.css';
-// import 'prismjs/themes/prism-tomorrow.css';
-
 import type {Ref} from  "vue";
 import {onMounted, reactive, ref, watch} from "vue";
-import Editor from "@toast-ui/editor";
-import Prism from 'prismjs'
-import codeSyntaxHighlight from '@toast-ui/editor-plugin-code-syntax-highlight'
-import colorSyntax from "@toast-ui/editor-plugin-color-syntax"
-import chart from "@toast-ui/editor-plugin-chart"
-import tableMergedCell from "@toast-ui/editor-plugin-table-merged-cell"
-import uml from "@toast-ui/editor-plugin-uml"
+
+// 编辑器本体
+import '@toast-ui/editor/dist/toastui-editor.css';
 import "@toast-ui/editor/dist/i18n/zh-cn";
+import Editor from "@toast-ui/editor";
+
+// 代码高亮样式
+import Prism from 'prismjs'
+import 'prismjs/themes/prism.css';
+import '@toast-ui/editor-plugin-code-syntax-highlight/dist/toastui-editor-plugin-code-syntax-highlight.css';
+import codeSyntaxHighlight from '@toast-ui/editor-plugin-code-syntax-highlight'
+// 字体颜色
+import 'tui-color-picker/dist/tui-color-picker.css'
+import "@toast-ui/editor-plugin-color-syntax/dist/toastui-editor-plugin-color-syntax.css"
+import colorSyntax from "@toast-ui/editor-plugin-color-syntax"
+// 表格插件
+import chart from "@toast-ui/editor-plugin-chart"
+// 单元格合并
+import tableMergedCell from "@toast-ui/editor-plugin-table-merged-cell"
+// uml 插件
+import uml from "@toast-ui/editor-plugin-uml"
+
 import {useI18n} from "vue-i18n";
 
 const emit = defineEmits([
@@ -36,6 +47,7 @@ const editorRef = ref()
 
 function initEditor(editorRef:Ref<any>){
     let editor = new Editor({
+        theme: "dark",
         el: editorRef.value,
         // language: 'en-US',
         language: locale.value,
@@ -65,6 +77,7 @@ function initEditor(editorRef:Ref<any>){
         // ]
     })
 
+
     // const viewer = Editor.factory({
     //     el: editorRef.value,
     //     viewer: true,