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

标签 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 是否有可行的替代方案?

最佳答案

您必须使用 html_safe 告诉 Rails 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>

参见 http://yehudakatz.com/2010/02/01/safebuffers-and-rails-3-0/获取更多信息。

关于html - Rails 3 - link_to() - 在单个链接中需要多个文本段和单独的 HTML/CSS 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10065377/

相关文章:

javascript - 在 Angular js中将下拉列表中的第一个值设为粗体

javascript - 如何获取下拉到文本区域的值

html - 超链接中的鼠标悬停样式

html - 仅使用 CSS 根据百分比确定宽度

jquery - 使用 jquery 创建数组并将其从表单传递到 Controller

javascript - Firefox 中的 Web Worker 调试

JavaScript - putImageData 不会绘制每个图 block

javascript - 无法将我的计时器值存储在 cookie 中

ruby-on-rails-3 - 具有多个字段的 Mongoid order_by 导致意外

javascript - 如何从 JSON 数组中获取集合