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">
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/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 3876fb365..4c8833f5b 100644
--- a/ui/src/views/paragraph/component/ParagraphForm.vue
+++ b/ui/src/views/paragraph/component/ParagraphForm.vue
@@ -28,15 +28,22 @@
         placeholder="请输入分段内容"
         :maxLength="4096"
         :preview="false"
-        style="height: 300px;"
+        :toolbars="toolbars"
+        style="height: 300px"
+      />
+      <MdPreview
+        v-else
+        ref="editorRef"
+        editorId="preview-only"
+        :modelValue="form.content"
+        class="maxkb-md"
       />
-      <MdPreview v-else ref="editorRef" editorId="preview-only" :modelValue="form.content" />
       <!-- <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({
@@ -47,6 +54,39 @@ 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'
+] as any[]
+
+const editorRef = ref()
+
 const form = ref<any>({
   title: '',
   content: ''
@@ -95,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: '',
