为什么我的字符串只有在我手动插入时才能起作用？

Question

这是存储在数据库中的确切字符串：

@blog_post.content = "<p><img src=\"http://localhost:3000/assets/sa_clubbing_logo.png\" alt=\"Sa_clubbing_logo\"><div><b>An image</b></div><div><b><br></b></div><div><b>Another image</b></div><div><b><img src=\"http://localhost:3000/assets/sa_clubbing_logo.png\" alt=\"Sa_clubbing_logo\"><br></b></div></p>" 

如您所见。它由一些图像和一些粗体文本组成。

好的，所以我将 html 保存在数据库中。我正在尝试将 html 附加到内容可编辑的 div（我的富文本编辑器）中，如下所示。

  $(document).ready(function(){  

  $('#rte').append("<%= @blog_post.content %>");

  });

它显示在我的内容可编辑 div 中，但作为实际文本。我希望将其呈现为 html，以便实际显示图像。看起来要附加的 html 是这样的：

<p>&lt;p&gt;&lt;img src="http://localhost:3000/assets/sa_clubbing_logo.png" alt="Sa_clubbing_logo"&gt;&lt;div&gt;&lt;b&gt;An image&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;Another image&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;img src="http://localhost:3000/assets/sa_clubbing_logo.png" alt="Sa_clubbing_logo"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;/p&gt;</p>

所以我尝试手动将字符串放入附加方法中，我得到了我想要的：

  $(document).ready(function(){  

  $('#rte').append("<p><img src=\"http://localhost:3000/assets/sa_clubbing_logo.png\" alt=\"Sa_clubbing_logo\"><div><b>An image</b></div><div><b><br></b></div><div><b>Another image</b></div><div><b><img src=\"http://localhost:3000/assets/sa_clubbing_logo.png\" alt=\"Sa_clubbing_logo\"><br></b></div></p>");

  }); 

这里附加的 html 是这样的：

<p><img src="http://localhost:3000/assets/sa_clubbing_logo.png" alt="Sa_clubbing_logo"></p><div><b>An image</b></div><div><b><br></b></div><div><b>Another image</b></div><div><b><img src="http://localhost:3000/assets/sa_clubbing_logo.png" alt="Sa_clubbing_logo"><br></b></div><p></p>

图像以这种方式显示在我的编辑器中我想他们应该这么做。

为什么当我手动插入字符串时此功能有效，但当我使用 <%= @blog_posts.content %> 时则无效？

我一定在这里遗漏了某种格式问题。

Answer 1

替换：

<%= @blog_post.content %>

为：

<%=raw @blog_post.content %>

或：

<%== @blog_post.content %>

甚至：

<%= @blog_post.content.html_safe %>

说明：

Rails 默认情况下会保护您，因此您必须告诉您何时认为 html 是安全的。