Rails: Open link in new tab (with 'link_to')

Question

I have this code:

<%= link_to image_tag("facebook.png", :class => "facebook_icon", :alt => "Facebook", :target => "_blank"),                 
            "http://www.facebook.com/mypage" %>

How can I make it open in a new tab when a user clicks the link?

score 313 · Accepted Answer · edited Feb 15 '17 at 20:45

The target: :_blank parameter should be a parameter of link_to, whereas you put it in image_tag parameters. Modify your code like this:

<%= link_to image_tag("facebook.png", class: :facebook_icon, alt: "Facebook"), "http://www.facebook.com/mypage", target: :_blank %>

Or with a block:

<%= link_to "http://www.facebook.com/mypage", target: :_blank do %>
  <%= image_tag("facebook.png", class: :facebook_icon, alt: "Facebook") %>     
<% end %>

score 14 · Answer 2 · answered Aug 26 '12 at 21:13

14

Try this:

<%= link_to image_tag("facebook.png", :class => "facebook_icon", :alt => "Facebook"), "http://www.facebook.com/mypage", :target => "_blank" %>

answered Aug 26 '12 at 21:13

Alexander Giraldo

567
3
9

score 10 · Answer 3 · answered Sep 20 '16 at 14:35

You can also use target: :_blank instead of target: '_blank'

<%= link_to image_tag("facebook.png", class: "facebook_icon", alt: "Facebook"), "http://www.facebook.com/mypage", target: :_blank %>

link_to do

<%= link_to "http://www.facebook.com/mypage", target: :_blank do %>
  <%= image_tag "facebook.png", class: "facebook_icon", alt: "Facebook" %>
<% end %>

score 7 · Answer 4 · edited Jan 25 '23 at 17:36

To add on to the previous answer the format below is what is being suggested by rubocop. This can be a security risk as the loaded page will have control over the previous page and could change its location for phishing purposes.

To prevent this one needs to add on the 'rel' attribute to the code.

rel: 'noopener'

Now the link_to should be:

<%= link_to image_tag("facebook.png", class: :facebook_icon, alt: "Facebook"), "http://www.facebook.com/mypage", target: :_blank, rel: 'noopener' %>

rubocop docs

score 4 · Answer 5 · answered Mar 25 '14 at 22:00

4

If you're looking for how to open a link in a new tab within html (for anyone came here from Google), here:

<a href="http://www.facebook.com/mypage" target="_blank">Link name</a>

answered Mar 25 '14 at 22:00

funfuntime

261
1
8

11

I'm not going to downvote you, but this page is specifically about Ruby's link_to (from title). – Herb Meehan Sep 09 '15 at 23:29
2

@HerbMeehan I'm not sure whether to upvote, but it's kind of useful in explaining what the `target: :_blank` means. – Andrew Grimm Feb 22 '17 at 03:03

score 2 · Answer 6 · answered Jul 29 '18 at 15:36

2

My understanding is: you can ask the browser to open a new tab or a new site. But this depends on the user settings. I considere this question answered.

Except I fell in a trap when it is necessary to seperate the link options from the html options:

link_to(name = nil, options = nil, html_options = nil, &block)

Example:

link_to('Click me', { action: 'show', controller: 'blog', id: 1 }, { target: '_blank' })

answered Jul 29 '18 at 15:36

Manuel

337
2
6

thanks for your answer, saved me 2 hours of debugging and testing – Carlos J García Jul 22 '19 at 15:35

Rails: Open link in new tab (with 'link_to')

6 Answers6

Linked