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

【问题标题】：Rails 3 - link_to() - need multiple text segments with separate HTML/CSS classes in a single linkRails 3 - link_to() - 在单个链接中需要多个带有单独 HTML/CSS 类的文本段
【发布时间】：2012-04-21 08:43:51
【问题描述】：

我正在使用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 的替代品是否可行？

【问题讨论】：

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

【解决方案1】：

您必须告诉 Rails 可以使用 html_safe 将 html 呈现为 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>

【讨论】：