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] =?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: '',