React-markdown: Opening link in a new tab

Created on 21 Mar 2017 · 4Comments · Source: remarkjs/react-markdown

Is it possible to add target="blank" to Markdown links?

For example I wish to have the following URL open in a new browser tab when I left click:
[link to website](http://www.website.com)

Cheers

Source

ghost

Most helpful comment

You can use a custom renderer:

function LinkRenderer(props) {
  return <a href={props.href} target="_blank">{props.children}</a>
}

<ReactMarkdown
  source="Click [here](https://espen.codes/) to visit external site"
  renderers={{link: LinkRenderer}}
/>

rexxars on 21 Mar 2017

👍49 🎉7

All 4 comments

You can use a custom renderer:

function LinkRenderer(props) {
  return <a href={props.href} target="_blank">{props.children}</a>
}

<ReactMarkdown
  source="Click [here](https://espen.codes/) to visit external site"
  renderers={{link: LinkRenderer}}
/>

rexxars on 21 Mar 2017

👍49 🎉7

@rexxars renderers={{Link: LinkRenderer}} is incorrect, Link: => link: to lowercase =)
just for this issue`s other viewers