Change to open url in new tab (#409)

frontend/package.json

@@ -56,6 +56,7 @@
 		"lodash": "^4.17.21",
 		"markdown-it": "^14.1.0",
 		"markdown-it-incremental-dom": "^2.1.0",
+		"markdown-it-link-attributes": "^4.0.1",
 		"markdown-it-prism": "^2.3.0",
 		"markdown-it-sanitizer": "^0.4.3",
 		"markdown-it-task-checkbox": "^1.0.6",

frontend/src/components/editor/Preview.tsx

@@ -11,6 +11,7 @@ import { refractor } from "refractor";
 import markdownItIncrementalDOM from "markdown-it-incremental-dom";
 import markdownItSanitizer from "markdown-it-sanitizer";
 import markdownItTaskCheckbox from "markdown-it-task-checkbox";
+import mila from "markdown-it-link-attributes";
 import * as IncrementalDOM from "incremental-dom";
 import "./editor.css";
 import "./preview.css";
@@ -36,6 +37,12 @@ const md = new MarkdownIt({
 	},
 })
 	.use(markdownItTaskCheckbox)
+	.use(mila, {
+		attrs: {
+			target: "_blank",
+			rel: "noopener noreferrer",
+		},
+	})
 	.use(markdownItIncrementalDOM, IncrementalDOM, {
 		incrementalizeDefaultRules: false,
 	})

frontend/src/global.d.ts

@@ -1,3 +1,4 @@
 declare module "markdown-it-incremental-dom";
 declare module "markdown-it-sanitizer";
 declare module "markdown-it-task-checkbox";
+declare module "markdown-it-link-attributes";