Opening link in a new tab

[ghost]

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

[rexxars]

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}}
/>

[eseQ]

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

[abourget]

it works here with the capital L in Links:

[chenop]

Can you please consider re-open this ticket in order to implementing support for opening a link in a new tab:
[link](url){:target="_blank"}

Is this feature make sense?
I'm willing to give it a try implementing this.

[joelbowen]

For anyone else that ends up here via google search (like I did) and didn't notice this in the docs, you can now use the prop linkTarget to achieve this like so:

<ReactMarkdown linkTarget="_blank" children={...} />

See the docs for more info.

[huuphongsan]

For anyone else that ends up here via google search (like I did) and didn't notice this in the docs, you can now use the prop linkTarget to achieve this like so:

<ReactMarkdown linkTarget="_blank" children={...} />

See the docs for more info.

Does React Markdown automatically add rel=”noopener noreferrer” when using linkTarget="_blank" for secure?

[ChristianMurphy]

This answer is pretty outdated, and should no longer be used as a reference.
The current recommendation is to use https://github.com/rehypejs/rehype-external-links which can apply rel, but the recommendation may change in the future.

I'm locking this thread as outdated.
Feel free to take follow up questions to the discussion forum https://github.com/orgs/remarkjs/discussions