ソースを参照

fix: Resolve markdown link issue

Resolved Markdown Issue
This pull request also resolves an issue where internal links were not redirecting properly in markdown, and optimizes the behavior for external links to open in a new window.
Clarence Dan 1 年間 前
コミット
aeda7520fe
1 ファイル変更6 行追加1 行削除
  1. 6 1
      app/components/markdown.tsx

+ 6 - 1
app/components/markdown.tsx

@@ -46,8 +46,13 @@ function _MarkDownContent(props: { content: string }) {
       ]}
       components={{
         pre: PreCode,
+        a: (aProps) => {
+          const href = aProps.href || "";
+          const isInternal = /^\/#/i.test(href);
+          const target = isInternal ? "_self" : aProps.target ?? "_blank";
+          return <a {...aProps} target={target} />;
+        },
       }}
-      linkTarget={"_blank"}
     >
       {props.content}
     </ReactMarkdown>