我可以使用link_to链接图像和文本

Question

好吧,我正在使用"font-awesome-rails"gem.我非常习惯在Rails之外使用font-awesome,但我认为它在Rails社区中并不受欢迎.

安装后,它会使用该格式创建图标

<i class="nameoftheicon"> </i>

我想把它用于我的网站徽标,它包含来自font-awesome和一些文本的图标.所以我尝试过:

<%= link_to "", root_path, class: "icon-puzzle-piece icon-2x" %>
<%=  link_to "My site", root_path, id: 'logo'  %>

它有效,但是当我悬停时,它们就是两个不同的元素.

1. 什么是在单个<a>标签下组合图像和文本的Rails方式.

2. 是否有任何流行的Rails替代font-awesome？

Answer 1

传递一个块,link_to块将被链接

<%= link_to path, id: "logo" do %>
  <i class="icon-puzzle-piece icon-2x"></i>
  My Super Site
<% end %>

Answer 2

试试吧,

您可以直接在link_to中提及rails image_tag,

<%= link_to image_tag("image_name")+"your text", root_path, :class=>"icon-puzzle-piece icon-2x" %>

Answer 3

是的你可以。对于复杂的锚点（例如图像），只需删除第一个参数（链接文本或锚点），并在方法后面附加一个块。

link_to(root_path){<i class="icon"></i>}

块内的内容将成为锚点。