如何将存储在数据库中的html渲染到ejs页面

Question

我相信这很容易，但似乎无法弄清楚。

我在我的 nodejs/express webapp 中安装了 Quilljs 编辑器，它将我的描述存储在 mysql 数据库中为<p><strong>This is the quill data. How are we doing dev?</strong></p>。

现在我的 ejs 页面如下所示：

<% data.forEach(function(d,index){ %>
   <p> <%= d.description %> </p>
<% }) %>

但这显然会将数据呈现为存储在数据库中（带有p 和strong 标签）。

我尝试了什么：

• 尝试使用<pre> 以使格式保持不变（只是新手尝试）。
• 尝试了 jquery 的 .html() 和 .load() 方法将数据更新为 HTML，但没有用。

如何将其转换为 html？以便格式化文本打印结果 HTML 而不是源代码。

Answer 1

使用<%- 而不是<%=

<% data.forEach(function(d,index){ %>
   <p> <%- d.description %> </p>
<% }) %>

您可以查看标签段落以在ejs docs 中查看有关<%= 或<%- 的更多用法

注意：如果这样做，请小心 XSS 问题。
你需要一个sanitize-html 来保存你的html。

编辑1

您无需将其分配给新变量。

<% data.forEach(function(d,index){ %>
  <% if (d.description.length > 75) { %>
    <p> <%- d.description.substring(0, 75) %> </p>
  <% } else { %>
    <p> <%- d.description %> </p>
  <% }%>
<% }) %>

Answer 2

不要保存 HTML。

这会给您带来很多问题。 尝试制作一些像 json 这样的任意数据结构并用你的 EJS 打印出来。