渲染链接默认在新标签打开

purocean · Aug 22, 2018 · f4c9f43 · f4c9f43
1 parent b25dae2
commit f4c9f43
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/frontend/src/components/MyPlugin.js b/frontend/src/components/MyPlugin.js
@@ -0,0 +1,13 @@
+const MyPlugin = (md) => {
+  const LinkTargetBlank = (tokens, idx, options, env, slf) => {
+    if (tokens[idx].attrIndex('target') < 0) {
+      tokens[idx].attrPush(['target', '_blank'])
+    }
+
+    return slf.renderToken(tokens, idx, options, env, slf)
+  }
+
+  md.renderer.rules.link_open = LinkTargetBlank
+}
+
+export default MyPlugin
diff --git a/frontend/src/components/View.vue b/frontend/src/components/View.vue
@@ -45,6 +45,7 @@ import MarkdownItAttrs from 'markdown-it-attrs'
 import MultimdTable from 'markdown-it-multimd-table'
 import RunPlugin from './RunPlugin'
 import SourceLinePlugin from './SourceLinePlugin'
+import MyPlugin from './MyPlugin'
 
 import Highlight from 'highlight.js'
 import MermaidPlugin from './MermaidPlugin'
@@ -83,7 +84,13 @@ export default {
         generateSource: umlCode => {
           return 'api/plantuml/png?data=' + encodeURIComponent(umlCode)
         }
-      }).use(RunPlugin).use(katex).use(SourceLinePlugin).use(MarkdownItAttrs).use(MultimdTable, {enableMultilineRows: true})
+      })
+      .use(RunPlugin)
+      .use(katex)
+      .use(SourceLinePlugin)
+      .use(MarkdownItAttrs)
+      .use(MyPlugin)
+      .use(MultimdTable, {enableMultilineRows: true})
     }
   },
   mounted () {