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="<br/>">
是的,有一个小的警告,因为原来的value='<br>'
变成了value="<br/>"
,但我希望这不会成为一个大问题;但如果是,那么您可以这样做:
<%= @input.css('body').children.to_s.gsub("<", "<").gsub(">", ">") %>
输出:
<a href="#2">Go to #2</a>
<a href="#3">Go to #3</a>
<input type="text" value="<br/>">
对于更多边缘情况,您可能需要进一步增强此代码,但我认为这个示例可以解决问题。
还可以考虑使用 帮助程序 而不是将所有代码都扔到 controller/view.
我正在创建我的第一个 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="<br/>">
是的,有一个小的警告,因为原来的value='<br>'
变成了value="<br/>"
,但我希望这不会成为一个大问题;但如果是,那么您可以这样做:
<%= @input.css('body').children.to_s.gsub("<", "<").gsub(">", ">") %>
输出:
<a href="#2">Go to #2</a>
<a href="#3">Go to #3</a>
<input type="text" value="<br/>">
对于更多边缘情况,您可能需要进一步增强此代码,但我认为这个示例可以解决问题。
还可以考虑使用 帮助程序 而不是将所有代码都扔到 controller/view.