Add support to open in new tab inside editor's preview mode (octokath…

…erine#181)
hbcbh1999 · Aug 17, 2021 · ed994da · ed994da
1 parent 61be591
commit ed994da
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/components/PreviewColumn.js b/components/PreviewColumn.js
@@ -1,4 +1,5 @@
 import ReactMarkdown from 'react-markdown'
+
 import { TAB } from '../utils/constants'
 import RawPreview from './RawPreview'
 
@@ -19,7 +20,17 @@ export const PreviewColumn = ({ selectedSectionSlugs, getTemplate, selectedTab }
       }`}
     >
       {showPreview ? (
-        <ReactMarkdown plugins={[gfm]} children={markdown} />
+        <ReactMarkdown
+          plugins={[gfm]}
+          children={markdown}
+          renderers={{
+            link: (props) => (
+              <a href={props.href} target="_blank">
+                {props.children}
+              </a>
+            ),
+          }}
+        />
       ) : (
         <RawPreview text={markdown} />
       )}