HTML 和 Ruby on Rails - 将 <br/> 标签显示为换行符,但其他标签显示为字符串

HTML and Ruby on Rails - Display <br/> tags as line breaks, but other tags as strings

我正在创建我的第一个 Rails 网站,但我遇到了一个小问题:我想将
标记显示为换行符,但我还想将其他标记显示为字符串。

例如用户输入为:

<a href='#2'>Go to #2</a><br/><a href='#3'>Go to #3</a>

我要显示:

<a href='#2'>Go to #2</a>
<a href='#3'>Go to #3</a>

我知道我可以像这样将
标记显示为换行符:

<%= simple_format @user_input %>

但问题是这个命令显示:

Go to #2
Go to #3

而不是:

<a href='#2'>Go to #2</a>
<a href='#3'>Go to #3</a>

提前致谢!

使用Rails sanitize helper 方法并将您想要允许的标签列入白名单,将您不允许的标签排除在外。所有遗漏的内容都将被剥离并显示为文本。所以在你的情况下它会像

<%= sanitize @user_input, tags: %w(br) %>

有关清理方法 api 的信息,请参阅 http://api.rubyonrails.org/classes/ActionView/Helpers/SanitizeHelper.html#method-i-sanitize

你可以这样做:

<% @user_input.split("<br/>").each do |line| %>
  <%= line %><br/>
<% end %>

输出:

<a href='#2'>Go to #2</a>
<a href='#3'>Go to #3</a>

或者更好的是,使用正则表达式,这样您就可以拆分 <br><br/>:

<% @user_input.split(/<br\/>|<br>/).each do |line| %>
  <%= line %><br/>
<% end %>

更新

有些情况下使用上述方法会失败,例如:

<input type="text" value="<br/>">

为了能够处理这些情况,您可以使用 Nokogiri,已与 rails 捆绑在一起,但您需要在您的代码。

首先,您的控制器:

def some_action
  input = "<a href='#2'>Go to #2</a><br/><a href='#3'>Go to #3</a><br><input type='text' value='<br/>'>"

  @user_input = Nokogiri::HTML.parse(input)
  @user_input.search('br').each { |br| br.replace("\n") }
end

基本上,您将创建一个 Nokogiri HTML 文档并将所有 br 标签替换为 "\n"

其次,创建一个 css class 以使用那些 "\n" 作为分界线:

.new-lines {
  white-space: pre-line
}

现在您只需将其添加到您的视图中:

<div class="new-lines">
  <%= @user_input.css('body').children %>
<div>

注意 class="new-lines" 的使用,这对于使每个 "\n" 充当 <br> 很重要。

输出:

<a href="#2">Go to #2</a>
<a href="#3">Go to #3</a>
<input type="text" value="&lt;br/&gt;">

是的,有一个小的警告,因为原来的value='<br>'变成了value="&lt;br/&gt;",但我希望这不会成为一个大问题;但如果是,那么您可以这样做:

<%= @input.css('body').children.to_s.gsub("&lt;", "<").gsub("&gt;", ">") %>

输出:

<a href="#2">Go to #2</a>
<a href="#3">Go to #3</a>
<input type="text" value="<br/>">

对于更多边缘情况,您可能需要进一步增强此代码,但我认为这个示例可以解决问题。

还可以考虑使用 帮助程序 而不是将所有代码都扔到 controller/view.