Open url in new tab (#168)

yorkie-team · Feb 27, 2024 · ec633f5 · ec633f5
1 parent 07a6e61
commit ec633f5
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 1 deletion.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -58,6 +58,7 @@
 		"react-social-login-buttons": "^3.9.1",
 		"react-use": "^17.5.0",
 		"redux-persist": "^6.0.0",
+		"rehype-external-links": "^3.0.0",
 		"rehype-katex": "^7.0.0",
 		"rehype-rewrite": "^4.0.2",
 		"remark-math": "^6.0.0",

diff --git a/frontend/src/components/editor/Preview.tsx b/frontend/src/components/editor/Preview.tsx
@@ -10,6 +10,7 @@ import katex from "katex";
 import { getCodeString } from "rehype-rewrite";
 import remarkMath from "remark-math";
 import rehypeKatex from "rehype-katex";
+import rehypeExternalLinks from "rehype-external-links";
 import "katex/dist/katex.min.css";
 
 function Preview() {
@@ -56,7 +57,7 @@ function Preview() {
 				},
 			}}
 			remarkPlugins={[remarkMath]}
-			rehypePlugins={[rehypeKatex]}
+			rehypePlugins={[rehypeKatex, [rehypeExternalLinks, { target: "_blank" }]]}
 			components={{
 				code: ({ children = [], className, ...props }) => {
 					// https://www.npmjs.com/package/@uiw/react-markdown-preview#support-custom-katex-preview