fix: add option to open local links in a new tab (#317)

TYPO3-Headless · Oct 17, 2023 · f7640e8 · f7640e8
1 parent 30b4cdf
commit f7640e8
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/lib/components/T3HtmlParser/T3HtmlParser.vue b/lib/components/T3HtmlParser/T3HtmlParser.vue
@@ -45,8 +45,12 @@ export default {
       // If target is still not a link, ignore
       if (!(target instanceof HTMLAnchorElement)) { return }
       const href = target.getAttribute('href')
-      // Get link target, if local link, navigate with router link
-      if (href && href[0] === '/') {
+      const hrefTarget = target.getAttribute('target')
+      const isCtrlKeyPressed = event.ctrlKey || event.metaKey
+      const openInNewTab = (hrefTarget && hrefTarget === '_blank') || isCtrlKeyPressed
+      // If link is local, not set to open in a new tab,
+      // and Ctrl (or Cmd) key is not pressed, navigate with router link
+      if (href && href[0] === '/' && !openInNewTab) {
         event.preventDefault()
         this.$router.push(href)
       }