如何在Ruby表单中渲染HTML代码以显示图片链接而非源码

当然可以实现！核心问题是Rails默认会自动转义HTML内容，所以直接输出会显示代码而非渲染后的图片。下面给你两种可行的方法，兼顾功能和安全性：

1. 直接禁用转义（需谨慎使用） #

如果你的内容是完全可信的（比如只有管理员能输入，不会有恶意用户提交内容），可以直接用raw或html_safe让Rails跳过转义：

修改你的视图代码：

<%= raw food.image %>
<!-- 或者 -->
<%= food.image.html_safe %>

⚠️ 注意：这种方法会直接渲染所有HTML，若内容来自不可信用户，会有XSS攻击风险，绝不建议在公开用户输入场景使用。

2. 用Sanitize Gem实现安全渲染（推荐） #

这是更安全的方案，既能允许你需要的HTML标签/属性，又能过滤掉恶意代码。步骤如下：

第一步：安装Sanitize #

在Gemfile中添加：

gem 'sanitize'

然后执行bundle install完成安装。

第二步：配置允许的标签和属性 #

根据你提供的亚马逊广告HTML，我们需要允许<a>、<img>标签，以及对应的href、target、rel、src等属性。你可以选择在模型层封装处理逻辑，或者直接在视图中处理：

方式一：模型层处理（代码更整洁）

在app/models/food.rb中添加处理方法：

def sanitized_image
  Sanitize.clean(image, {
    elements: ['a', 'img'],
    attributes: {
      'a' => ['href', 'target', 'rel'],
      'img' => ['src', 'border', 'width', 'height', 'alt', 'style']
    }
  }).html_safe
end

之后在视图中调用这个方法即可：

<%= food.sanitized_image %>

方式二：直接在视图中处理

如果不想修改模型，也可以直接在视图里完成过滤和渲染：

<%= raw Sanitize.clean(food.image, {
  elements: ['a', 'img'],
  attributes: {
    'a' => ['href', 'target', 'rel'],
    'img' => ['src', 'border', 'width', 'height', 'alt', 'style']
  }
}) %>

这样配置后，Sanitize会只保留你需要的HTML结构，过滤掉任何恶意脚本，同时完美渲染出带链接的亚马逊广告图片。你之前试用的gem可能只支持基础文本标签（比如<b>、<i>），而Sanitize的自定义配置刚好能满足这种需要特定标签和属性的场景。

内容的提问来源于stack exchange，提问作者M.DeBaecke