Rails 3 - link_to() - 需要在单个链接中使用单独的HTML / CSS类的多个文本段

时间:2012-04-08 18:44:31

标签: html css ruby-on-rails-3 actionview

我正在使用link_to创建“复合”链接。链接文本具有以一种CSS样式格式化的前缀部分,以及以不同CSS样式格式化的根部分。例如:

过程

我已经能够通过两个背对背的link_to陈述粗略地实现这一点:

<div class="dual-format-link">
    <%= link_to 'pre', compound_path, :class => "prefix-style" %><%= link_to 'process', compound_path, :class => "root-style" %>
</div>

不幸的是,翻转影响清楚地表明这些是两个不同的链接,只是并排排列。它不是单一的统一链接这一事实会导致用户混淆。

我尝试将HTML放在link_to的第一个参数中,但它显示为原始HTML。

有没有办法link_to这样做?是否有link_to替代方案可行?

1 个答案:

答案 0 :(得分:2)

你必须告诉Rails html可以使用html_safe呈现为html而不是转义纯文本:

<div class="dual-format-link">
    <%= link_to '<span class="prefix-style">pre</span><span class="root-style">process</span>'.html_safe, compound_path %>
</div>

有关详细信息,请参阅http://yehudakatz.com/2010/02/01/safebuffers-and-rails-3-0/