link_to image_tag with inner text or html in rails

Question

I want to output the following with Ruby on Rails link_to and image_tag methods:

Lorem Ipsum 

        

Answer 1

Or a shorter way is

<%= link_to image_tag('image/someimage.png') + "Some text", some_path %>

Answer 2

I prefer this approach in HAML

= link_to root_path do
  = image_tag "ic_launcher.png", size: "16x16"
  Home

Answer 3

Why not just use a link to and image tag?

<%= link_to "hiii #{image_tag(yourimagepath)}", "link_path" %>

You could also try the appending done above (string + image_tag), but it will throw an error if one of those things becomes nil. Using interpolation, it will just show a blank image(or string) if it is nil.

For Rails 3, you will need to use html_safe:

<%= link_to "hiii #{image_tag(yourimagepath)}".html_safe, "link_path" %>

Answer 4

Here's a cool way to use a link_to to include an image, and a mailto href with Text (displayed next to the image):

<%= link_to image_tag("image.png") + " some@email.com", 
                         href: "mailto:some@email.com" %>

Giving you something like this in your view (the entire image and text become an mailto href):

Answer 5

You can use blocks as an alternative to the string interpolation with correct usage html_safe. For example:

<%= link_to '#' do %>
  Lorem Ipsum <%= image_tag('/images/menu-arrow-down.gif') %>
<% end %>

Answer 6

link_to(image_tag("image.png", :alt =>  "alt text", :class =>"anyclass"), image_url)