From 78154618124c52bd93df1850db6d3d772e0c35db Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 7 Mar 2024 10:53:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20markdown=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../markdown-renderer/MdRenderer.vue          | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/markdown-renderer/MdRenderer.vue b/ui/src/components/markdown-renderer/MdRenderer.vue
index fb31baa85..0549ea4c9 100644
--- a/ui/src/components/markdown-renderer/MdRenderer.vue
+++ b/ui/src/components/markdown-renderer/MdRenderer.vue
@@ -5,15 +5,18 @@
     :modelValue="item"
     v-for="(item, index) in md_view_list"
     :key="index"
+    @onHtmlChanged="onHtmlChanged"
+    class="maxkb-md"
   />
 </template>
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, nextTick, ref } from 'vue'
 import { MdPreview } from 'md-editor-v3'
 
 const props = withDefaults(defineProps<{ source?: string; inner_suffix?: boolean }>(), {
   source: ''
 })
+const editorRef = ref()
 const md_view_list = computed(() => {
   const temp_source = props.source
   const temp_md_img_list = temp_source.match(/(!\[.*?\]\(img\/.*?\){.*?})|(!\[.*?\]\(img\/.*?\))/g)
@@ -34,5 +37,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')
+      }
+    }
+  })
+}
 </script>
 <style lang="scss" scoped></style>