From 5a5050c0fd52b4915b4a0a2b6f20e31bc8fd1626 Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <shaohu.zhang@fit2cloud.com>
Date: Thu, 14 Mar 2024 19:23:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=93=BE=E6=8E=A5=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../markdown-renderer/MdRenderer.vue          | 26 +++++++------------
 1 file changed, 9 insertions(+), 17 deletions(-)

diff --git a/ui/src/components/markdown-renderer/MdRenderer.vue b/ui/src/components/markdown-renderer/MdRenderer.vue
index 0549ea4c9..40a5e3b8a 100644
--- a/ui/src/components/markdown-renderer/MdRenderer.vue
+++ b/ui/src/components/markdown-renderer/MdRenderer.vue
@@ -5,14 +5,20 @@
     :modelValue="item"
     v-for="(item, index) in md_view_list"
     :key="index"
-    @onHtmlChanged="onHtmlChanged"
     class="maxkb-md"
   />
 </template>
 <script setup lang="ts">
 import { computed, nextTick, ref } from 'vue'
-import { MdPreview } from 'md-editor-v3'
-
+import { MdPreview, config } from 'md-editor-v3'
+config({
+  markdownItConfig(md: markdownit) {
+    md.renderer.rules.link_open = (tokens, idx, options, env, self) => {
+      tokens[idx].attrSet('target', '_blank')
+      return md.renderer.renderToken(tokens, idx, options)
+    }
+  }
+})
 const props = withDefaults(defineProps<{ source?: string; inner_suffix?: boolean }>(), {
   source: ''
 })
@@ -37,19 +43,5 @@ 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')
-      }
-    }
-  })
-}
 </script>
 <style lang="scss" scoped></style>