Merge pull request #2791 from fm-sys/md_link_target

Open description links in new tab
nextcloud · Sep 9, 2021 · c011c53 · c011c53
2 parents 136a5ab + 6335f50
commit c011c53
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/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",

diff --git a/src/components/card/Description.vue b/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: {