link_to image_tag 与 Rails 中的内部文本或 html

Question

我想使用 Ruby on Rails link_to 和 image_tag 方法输出以下内容：

<a href="#">Lorem Ipsum <img src="/images/menu-arrow-down.gif"></a>

Rails 中的好方法是什么？

Answer 1

您可以使用块作为字符串插值的替代方案，并正确使用html_safe。例如：

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

Answer 2

或者更短的方法是

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

Answer 3

为什么不直接使用链接和图像标签呢？

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

您也可以尝试上面完成的附加操作（string + image_tag），但如果其中之一变为nil，则会抛出错误。使用插值，如果nil，它只会显示一个空白图像（或字符串）。

对于 Rails 3，您需要使用 html_safe：

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

Answer 4

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

Answer 5

我似乎不知道如何向 @corroded 的答案添加评论。但是，如果您使用的是 Rails 3，他的答案将无法按预期工作。如何解决这个问题可能不是很明显，至少对我来说不是。我知道我需要添加 html_safe，但把它放在了错误的位置。回想起来，这是显而易见的，但我想我应该把它放在这里，以供其他像我这样犯“菜鸟”错误的人使用。

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

但要小心，如果您为“hiii”使用用户可分配变量，则需要先对其进行清理。

<%= link_to (h(my_model.some_string) + image_tag(yourimagepath)).html_safe,
            "link_path" %>

请注意，my_model.some_string 或 yourimagepath 为 nil 没有问题，因为 h() 和 image_tag() 在传递 nil 时都会返回字符串。

Answer 6

我更喜欢 HAML 中的这种方法

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

Answer 7

这是使用 link_to 包含图像和带有文本的 mailto href（显示在图像旁边）的一种很酷的方法：

<%= link_to image_tag("image.png") + " [email protected]", 
                         href: "mailto:[email protected]" %>

在视图中提供类似的内容（整个图像和文本成为 mailto href）：

Answer 8

对我来说这工作得很好：

<%= link_to(image_tag(<URL>,style),<URL>) %>

Answer 9

我发现这也有效。

link_to(image_tag("/images/linkd.png",:alt=>"twt"){},:href=>"some_url",:target=>"_blank")