From 31ee6a4ae80f66faab5ed4f002b2b453234df32b Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 14 Mar 2024 17:07:23 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0markdown=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paragraph/component/ParagraphForm.vue     | 34 ++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/ui/src/views/paragraph/component/ParagraphForm.vue b/ui/src/views/paragraph/component/ParagraphForm.vue
index 3876fb365..6ca7a8e89 100644
--- a/ui/src/views/paragraph/component/ParagraphForm.vue
+++ b/ui/src/views/paragraph/component/ParagraphForm.vue
@@ -28,7 +28,8 @@
         placeholder="请输入分段内容"
         :maxLength="4096"
         :preview="false"
-        style="height: 300px;"
+        :toolbars="toolbars"
+        style="height: 300px"
       />
       <MdPreview v-else ref="editorRef" editorId="preview-only" :modelValue="form.content" />
       <!-- <span v-else class="break-all lighter">{{ form.content }}</span> -->
@@ -47,6 +48,37 @@ const props = defineProps({
   isEdit: Boolean
 })
 
+const toolbars = [
+  'bold',
+  'underline',
+  'italic',
+  '-',
+  'title',
+  'strikeThrough',
+  'sub',
+  'sup',
+  'quote',
+  'unorderedList',
+  'orderedList',
+  'task',
+  '-',
+  'codeRow',
+  'code',
+  'link',
+  'image',
+  'table',
+  'mermaid',
+  'katex',
+  '-',
+  'revoke',
+  'next',
+  '=',
+  'pageFullscreen',
+  'preview',
+  'htmlPreview',
+  'catalog',
+]
+
 const form = ref<any>({
   title: '',
   content: ''

From 2e016372f68548f64ccb5c6ce399ec6fb0e40fa6 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 14 Mar 2024 17:28:47 +0800
Subject: [PATCH 2/5] =?UTF-8?q?feat:=20markdown=E7=BC=96=E8=BE=91=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/application/CreateAndSetting.vue |  2 +-
 .../paragraph/component/ParagraphForm.vue     | 31 ++++++++++++++++---
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/ui/src/views/application/CreateAndSetting.vue b/ui/src/views/application/CreateAndSetting.vue
index c23fd3d85..0c2a7152d 100644
--- a/ui/src/views/application/CreateAndSetting.vue
+++ b/ui/src/views/application/CreateAndSetting.vue
@@ -333,7 +333,7 @@ const {
 const defaultPrompt = `已知信息：
 {data}
 回答要求：
-- 请简洁和专业的来回答用户的问题。
+- 请使用简洁且专业的语言来回答用户的问题。
 - 如果你不知道答案，请回答“没有在知识库中查找到相关信息，建议咨询相关技术支持或参考官方文档进行操作”。
 - 避免提及你是从已知信息中获得的知识。
 - 请保证答案与已知信息中描述的一致。
diff --git a/ui/src/views/paragraph/component/ParagraphForm.vue b/ui/src/views/paragraph/component/ParagraphForm.vue
index 6ca7a8e89..b3020dacc 100644
--- a/ui/src/views/paragraph/component/ParagraphForm.vue
+++ b/ui/src/views/paragraph/component/ParagraphForm.vue
@@ -31,13 +31,19 @@
         :toolbars="toolbars"
         style="height: 300px"
       />
-      <MdPreview v-else ref="editorRef" editorId="preview-only" :modelValue="form.content" />
+      <MdPreview
+        v-else
+        ref="editorRef"
+        editorId="preview-only"
+        :modelValue="form.content"
+        class="maxkb-md"
+      />
       <!-- <span v-else class="break-all lighter">{{ form.content }}</span> -->
     </el-form-item>
   </el-form>
 </template>
 <script setup lang="ts">
-import { ref, reactive, onUnmounted, watch } from 'vue'
+import { ref, reactive, onUnmounted, watch, nextTick } from 'vue'
 import type { FormInstance, FormRules } from 'element-plus'
 import { MdEditor, MdPreview } from 'md-editor-v3'
 const props = defineProps({
@@ -76,8 +82,10 @@ const toolbars = [
   'pageFullscreen',
   'preview',
   'htmlPreview',
-  'catalog',
-]
+  'catalog'
+] as any[]
+
+const editorRef = ref()
 
 const form = ref<any>({
   title: '',
@@ -127,6 +135,21 @@ function validate() {
   })
 }
 
+const onHtmlChanged = () => {
+  appendTarget()
+}
+const appendTarget = () => {
+  nextTick(() => {
+    var item = document.getElementsByClassName('maxkb-md')
+    for (var j = 0; j < item.length; j++) {
+      var aTags = item[j].getElementsByTagName('a')
+      for (var i = 0; i < aTags.length; i++) {
+        aTags[i].setAttribute('target', '_blank')
+      }
+    }
+  })
+}
+
 onUnmounted(() => {
   form.value = {
     title: '',

From 1272a87a8bedea76166b0cf7213c0aa18a2723bd Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 14 Mar 2024 17:36:30 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feat:=20markdown=E7=BC=96=E8=BE=91=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/styles/app.scss                             |  8 --------
 ui/src/styles/md-editor.scss                       | 10 ++++++++++
 ui/src/views/paragraph/component/ParagraphForm.vue |  1 +
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index 7690099a6..b47dd0ff8 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -518,11 +518,3 @@ h4 {
     }
   }
 }
-
-// markdown
-
-.ͼ1 .cm-placeholder {
-  color: var(--app-input-color-placeholder);
-  font-size: 14px;
-  font-weight: 400;
-}
diff --git a/ui/src/styles/md-editor.scss b/ui/src/styles/md-editor.scss
index 8804ac14a..ce87022e1 100644
--- a/ui/src/styles/md-editor.scss
+++ b/ui/src/styles/md-editor.scss
@@ -17,3 +17,13 @@
 .md-editor-preview-wrapper {
   padding: 0;
 }
+
+.md-editor-footer {
+  height: auto !important;
+}
+
+.ͼ1 .cm-placeholder {
+  color: var(--app-input-color-placeholder);
+  font-size: 14px;
+  font-weight: 400;
+}
diff --git a/ui/src/views/paragraph/component/ParagraphForm.vue b/ui/src/views/paragraph/component/ParagraphForm.vue
index b3020dacc..1272a2dd7 100644
--- a/ui/src/views/paragraph/component/ParagraphForm.vue
+++ b/ui/src/views/paragraph/component/ParagraphForm.vue
@@ -36,6 +36,7 @@
         ref="editorRef"
         editorId="preview-only"
         :modelValue="form.content"
+        @onHtmlChanged="onHtmlChanged"
         class="maxkb-md"
       />
       <!-- <span v-else class="break-all lighter">{{ form.content }}</span> -->

From d8cb5f44d740772934ef02c9e997ee1d367f14a3 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 14 Mar 2024 18:13:50 +0800
Subject: [PATCH 4/5] =?UTF-8?q?feat:=20markdown=20=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/index.html                              |  1 +
 ui/package.json                            |  2 +-
 ui/src/layout/components/top-bar/index.vue | 14 +++++++-------
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index 4e8168e01..1f9ca13a8 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base target=_blank>
     <title>%VITE_APP_TITLE%</title>
   </head>
   <body>
diff --git a/ui/package.json b/ui/package.json
index 5d9c4291a..ca9174f91 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -26,7 +26,7 @@
     "markdown-it-sup": "^1.0.0",
     "markdown-it-task-lists": "^2.1.1",
     "markdown-it-toc-done-right": "^4.2.0",
-    "md-editor-v3": "^4.9.0",
+    "md-editor-v3": "^4.12.1",
     "medium-zoom": "^1.1.0",
     "mitt": "^3.0.0",
     "npm": "^10.2.4",
diff --git a/ui/src/layout/components/top-bar/index.vue b/ui/src/layout/components/top-bar/index.vue
index 671c7ed8c..75fb1efbb 100644
--- a/ui/src/layout/components/top-bar/index.vue
+++ b/ui/src/layout/components/top-bar/index.vue
@@ -1,14 +1,12 @@
 <template>
   <div class="top-bar-container border-b flex-between">
     <div class="flex-center h-full">
-      <a href="/">
-        <div class="app-title-container flex-center">
-          <div class="app-title-icon"></div>
-          <div class="app-title-text app-logo-font ml-4">
-            {{ defaultTitle }}
-          </div>
+      <div class="app-title-container flex-center cursor" @click="router.push('/')">
+        <div class="app-title-icon"></div>
+        <div class="app-title-text app-logo-font ml-4">
+          {{ defaultTitle }}
         </div>
-      </a>
+      </div>
       <TopMenu></TopMenu>
     </div>
     <div class="avatar">
@@ -19,6 +17,8 @@
 <script setup lang="ts">
 import TopMenu from './top-menu/index.vue'
 import Avatar from './avatar/index.vue'
+import { useRouter } from 'vue-router'
+const router = useRouter()
 const defaultTitle = import.meta.env.VITE_APP_TITLE
 </script>
 <style lang="scss">

From 20628283e4b6feb12e8b2fea177471f3a8088f03 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 14 Mar 2024 18:15:55 +0800
Subject: [PATCH 5/5] =?UTF-8?q?feat:=20markdown=E7=BC=96=E8=BE=91=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../markdown-renderer/MdRenderer.vue          | 29 +++++++++----------
 .../paragraph/component/ParagraphForm.vue     | 29 +++++++++----------
 2 files changed, 28 insertions(+), 30 deletions(-)

diff --git a/ui/src/components/markdown-renderer/MdRenderer.vue b/ui/src/components/markdown-renderer/MdRenderer.vue
index 0549ea4c9..6851d6dca 100644
--- a/ui/src/components/markdown-renderer/MdRenderer.vue
+++ b/ui/src/components/markdown-renderer/MdRenderer.vue
@@ -5,7 +5,6 @@
     :modelValue="item"
     v-for="(item, index) in md_view_list"
     :key="index"
-    @onHtmlChanged="onHtmlChanged"
     class="maxkb-md"
   />
 </template>
@@ -37,19 +36,19 @@ const md_view_list = computed(() => {
   })
   return result
 })
-const onHtmlChanged = () => {
-  appendTarget()
-}
-const appendTarget = () => {
-  nextTick(() => {
-    var item = document.getElementsByClassName('maxkb-md')
-    for (var j = 0; j < item.length; j++) {
-      var aTags = item[j].getElementsByTagName('a')
-      for (var i = 0; i < aTags.length; i++) {
-        aTags[i].setAttribute('target', '_blank')
-      }
-    }
-  })
-}
+// const onHtmlChanged = () => {
+//   appendTarget()
+// }
+// const appendTarget = () => {
+//   nextTick(() => {
+//     var item = document.getElementsByClassName('maxkb-md')
+//     for (var j = 0; j < item.length; j++) {
+//       var aTags = item[j].getElementsByTagName('a')
+//       for (var i = 0; i < aTags.length; i++) {
+//         aTags[i].setAttribute('target', '_blank')
+//       }
+//     }
+//   })
+// }
 </script>
 <style lang="scss" scoped></style>
diff --git a/ui/src/views/paragraph/component/ParagraphForm.vue b/ui/src/views/paragraph/component/ParagraphForm.vue
index 1272a2dd7..4c8833f5b 100644
--- a/ui/src/views/paragraph/component/ParagraphForm.vue
+++ b/ui/src/views/paragraph/component/ParagraphForm.vue
@@ -36,7 +36,6 @@
         ref="editorRef"
         editorId="preview-only"
         :modelValue="form.content"
-        @onHtmlChanged="onHtmlChanged"
         class="maxkb-md"
       />
       <!-- <span v-else class="break-all lighter">{{ form.content }}</span> -->
@@ -136,20 +135,20 @@ function validate() {
   })
 }
 
-const onHtmlChanged = () => {
-  appendTarget()
-}
-const appendTarget = () => {
-  nextTick(() => {
-    var item = document.getElementsByClassName('maxkb-md')
-    for (var j = 0; j < item.length; j++) {
-      var aTags = item[j].getElementsByTagName('a')
-      for (var i = 0; i < aTags.length; i++) {
-        aTags[i].setAttribute('target', '_blank')
-      }
-    }
-  })
-}
+// const onHtmlChanged = () => {
+//   appendTarget()
+// }
+// const appendTarget = () => {
+//   nextTick(() => {
+//     var item = document.getElementsByClassName('maxkb-md')
+//     for (var j = 0; j < item.length; j++) {
+//       var aTags = item[j].getElementsByTagName('a')
+//       for (var i = 0; i < aTags.length; i++) {
+//         aTags[i].setAttribute('target', '_blank')
+//       }
+//     }
+//   })
+// }
 
 onUnmounted(() => {
   form.value = {