markdown link opening in new tab

Question

Is there a way to open the below markdown link in new tab? I've got some result from markdown target=“_blank”, but in my case it's different have used <> symbol to projected the link.

http://google.com

Not used the usual format

(name)[linkname]

Used

<>

Inside this projected the link name. Is possible to open this link in new tab?

possible duplicate of [markdown target="\_blank"](http://stackoverflow.com/questions/4425198/markdown-target-blank) — ddavison, Sep 02 '15 at 17:31
@sircapsalot my question is different. I've not used "(name )[link]" this following format. I've used "" this format to project the link. — Kishore Mohan, Sep 02 '15 at 17:54

score 39 · Accepted Answer · edited Mar 31 '18 at 16:40

39

The kramdown syntax:

[link name](url_link){:target="_blank"}

can be parsed into HTML using the kramdown online editor: https://kramdown.herokuapp.com/ Then you can paste the HTML syntax into your markdown document.
I used it because I already had quite a few kramdown references, and wanted to avoid retyping them in HTML.

edited Mar 31 '18 at 16:40

Luca Arpaia

46
4

answered Jun 30 '16 at 11:28

algoquant

1,087
1
11
15

can we use this to open a link in stackoverflow post? test: [link](www.google.com){:target="_blank"} doesn't seem to be working – Johnny Apr 02 '17 at 16:47
The kramdown syntax won't work in a stackoverflow post directly. You first have to parse it into HTML using the kramdown online editor: http://trykramdown.herokuapp.com/ For example, I parsed the kramdown code: [google_link](www.google.com){:target="_blank"} into HTML code:
google_link
that can be pasted into a stackoverflow post. – algoquant Apr 05 '17 at 10:42
15

not working for me. leaves the ```{:target="_blank"}``` as text in the markdown – ng10 Mar 01 '18 at 16:23
I just ran my example on trykramdown and it worked fine as before, without `:target`. – algoquant Mar 02 '18 at 20:05

score 31 · Answer 2 · answered Sep 02 '15 at 17:33

31

Doing some quick research - Markdown by default does not support this. Some solutions include using plugins like Kramdown, but I think the best solution is just to use an HTML tag in your markdown file. (as pointed out in the comment above ^)

# Some markdown
*click below*
<a href="example.com" target="_blank">New Tab</a>
...

answered Sep 02 '15 at 17:33

ddavison

28,221
15
85
110

2

well it would depend on what site is rendering it. some markdown editors may not support arbitrary html. it all depends. – ddavison Jun 26 '16 at 15:59
27

I mean on GitHub. – laike9m Jun 26 '16 at 16:06
2

any solution regards github – droid192 May 06 '19 at 21:01
1

@qrtLs or GitLab – ddavison Feb 23 '21 at 19:33

score 2 · Answer 3 · answered Mar 01 '18 at 16:40

2

As far as I could find, this is not possible on GitHub currently. See good answer on this from Plaul here. I hope they will fix it soon, as it seems searching for an answer that this is something a lot of people would like to see.

answered Mar 01 '18 at 16:40

ng10

1,660
1
15
19

score 1 · Answer 4 · answered Dec 14 '20 at 19:46

If you have access to JavaScript, you can run a simple script to handle this for you wherever your markdown is rendered:

const anchors = document.querySelectorAll('a');
anchors.forEach((a) => {
  a.setAttribute('target', '__blank');
  a.setAttribute('rel', 'noopener noreferrer');
});

markdown link opening in new tab

4 Answers4

Linked