renew text editor

src/admin/problem/detail.vue

@@ -422,11 +422,12 @@ watch([fromExistingTags, newTags], (tags) => {
       />
     </n-form-item>
   </n-form>
+  <n-form v-if="needTemplate">
+    <n-form-item label="编写代码模板">
       <n-tabs
-    type="line"
+        type="segment"
         default-value="C"
         class="template box"
-    v-if="needTemplate"
         v-model:value="currentActiveTemplate"
       >
         <n-tab-pane
@@ -442,6 +443,9 @@ watch([fromExistingTags, newTags], (tags) => {
           />
         </n-tab-pane>
       </n-tabs>
+    </n-form-item>
+  </n-form>
+
   <n-alert
     class="box"
     v-if="problem.test_case_score.length"

src/oj/problem/detail.vue

@@ -65,7 +65,7 @@ onBeforeUnmount(() => {
   >
     <n-gi :span="isDesktop ? 1 : 2" v-show="onlyDetail">
       <n-scrollbar v-if="isDesktop" style="max-height: calc(100vh - 92px)">
-        <n-tabs default-value="content" type="line">
+        <n-tabs default-value="content" type="segment">
           <n-tab-pane name="content" tab="题目描述">
             <ProblemContent />
           </n-tab-pane>
@@ -77,7 +77,7 @@ onBeforeUnmount(() => {
           </n-tab-pane>
         </n-tabs>
       </n-scrollbar>
-      <n-tabs v-else default-value="content" type="line">
+      <n-tabs v-else default-value="content" type="segment">
         <n-tab-pane name="content" tab="题目描述">
           <ProblemContent />
         </n-tab-pane>

src/shared/components/TextEditor.vue

@@ -24,7 +24,35 @@ watch(rawHtml, () => emit("update:value", rawHtml.value))
 const editorRef = shallowRef<IDomEditor>()
 
 const toolbarConfig: Partial<IToolbarConfig> = {
-  excludeKeys: ["todo", "insertVideo", "fullScreen"],
+  toolbarKeys: [
+    "blockquote",
+    "headerSelect",
+    "fontSize",
+    "lineHeight",
+    "|",
+    "bold",
+    "underline",
+    "italic",
+    "through",
+    "color",
+    "bgColor",
+    "|",
+    "bulletedList",
+    "numberedList",
+    "justifyLeft",
+    "justifyCenter",
+    "justifyRight",
+    "|",
+    "uploadImage",
+    "emotion",
+    "insertLink",
+    "insertTable",
+    "divider",
+    "|",
+    "clearStyle",
+    "undo",
+    "redo",
+  ],
 }
 
 const editorConfig: Partial<IEditorConfig> = {

vite.config.ts

@@ -6,7 +6,7 @@ import AutoImport from "unplugin-auto-import/vite"
 import Components from "unplugin-vue-components/vite"
 import { NaiveUiResolver } from "unplugin-vue-components/resolvers"
 
-const dev = false
+const dev = process.env.NODE_ENV === "development"
 const url = dev ? "http://localhost:8080" : "https://oj.xuyue.cc"
 const proxyConfig = {
   target: url,