Rails视图中如何正确渲染自定义Helper返回的HTML内容

• 语法混用错误：- if是Haml视图专属的逻辑判断前缀，不能直接写在Ruby Helper代码中，属于视图语法和Ruby代码的错误混用。
• 视图调用错误：Haml中-前缀的代码会执行但丢弃返回值，你用- amountColor(...)调用时，哪怕返回了正确的HTML，也不会输出到页面；换用=才能输出返回值，但又遇到了转义问题。
• 转义机制问题：Rails默认会对视图输出的普通字符串做HTML转义，防止XSS攻击。Helper返回的普通字符串会被转成纯文本，不会渲染为HTML标签。
• 调试语句无效：你加的puts仅会输出内容到服务器控制台，不会修改方法的返回值，对页面渲染没有帮助。

不需要依赖Haml片段渲染，用内置content_tag构造标签，返回值默认是可信的HTML，不会被转义：

# app/helpers/application_helper.rb
def amount_color(amount)
  css_class = amount.positive? ? "positive" : "negative"
  content_tag(:span, amount, class: css_class)
end

如果偏好手动拼接HTML字符串，需要手动标记内容为安全：

def amount_color(amount)
  html = amount.positive? ? "<span class='positive'>#{amount}</span>" : "<span class='negative'>#{amount}</span>"
  html.html_safe
end

注意：html_safe仅适用于可信内容，若拼接包含用户输入的内容，需要先做HTML转义，避免XSS攻击。

直接用=输出即可：

.col-3
  = amount_color(item.amount)

移除错误的Haml语法前缀，最后手动标记返回值为安全：

def amount_color(amount)
  template = if amount.positive?
    <<~HAML
      %span.positive= amount
    HAML
  else
    <<~HAML
      %span.negative= amount
    HAML
  end
  render_haml(template, amount: amount).html_safe
end

内容的提问来源于stack exchange，提问作者Louys Patrice Bessette