Merge pull request #2791 from fm-sys/md_link_target

Open description links in new tab

package-lock.json

@@ -27,6 +27,7 @@
 				"lodash": "^4.17.21",
 				"markdown-it": "^12.2.0",
 				"markdown-it-task-lists": "^2.1.1",
+				"markdown-it-link-attributes": "^3.0.0",
 				"moment": "^2.29.1",
 				"nextcloud-vue-collections": "^0.9.0",
 				"p-queue": "^6.6.2",
@@ -29419,6 +29420,9 @@
 		"markdown-it-task-lists": {
 			"version": "2.1.1"
 		},
+		"markdown-it-link-attributes": {
+			"version": "3.0.0"
+		},
 		"marked": {
 			"version": "2.0.1"
 		},

package.json

@@ -47,6 +47,7 @@
 		"lodash": "^4.17.21",
 		"markdown-it": "^12.2.0",
 		"markdown-it-task-lists": "^2.1.1",
+		"markdown-it-link-attributes": "^3.0.0",
 		"moment": "^2.29.1",
 		"nextcloud-vue-collections": "^0.9.0",
 		"p-queue": "^6.6.2",

src/components/card/Description.vue

@@ -75,6 +75,7 @@
 <script>
 import MarkdownIt from 'markdown-it'
 import MarkdownItTaskLists from 'markdown-it-task-lists'
+import MarkdownItLinkAttributes from 'markdown-it-link-attributes'
 import AttachmentList from './AttachmentList'
 import { Actions, ActionButton, Modal } from '@nextcloud/vue'
 import { formatFileSize } from '@nextcloud/files'
@@ -86,6 +87,13 @@ const markdownIt = new MarkdownIt({
 })
 markdownIt.use(MarkdownItTaskLists, { enabled: true, label: true, labelAfter: true })
 
+markdownIt.use(MarkdownItLinkAttributes, {
+	attrs: {
+		target: '_blank',
+		rel: 'noreferrer noopener',
+	},
+})
+
 export default {
 	name: 'Description',
 	components: {