在 PUG 中从数据库中解析数据

Question

我的 mongo 数据库中有我无法控制的数据，因为从我的应用程序导出到数据库的数据会更新 html 标签（我认为正确的术语是“编码”，但我不确定）

<div>This is some test profile text<br /></div><div><br /></div><div>Hop this prints fine<br /></div><div><br /></div><div><b>Hello</b><br /></div><div><br /></div><div>Testing</div>

在 PUG 中当我尝试用它解析它时

      .exhibitor-profile
          | !{exhibitor.profile}

打印如下

<div>This is some test profile text<br /></div><div><br /></div><div>Hop this prints fine<br /></div><div><br /></div><div><b>Hello</b><br /></div><div><br /></div><div>Testing</div>

如果我使用

      .exhibitor-profile
          | #{exhibitor.profile}

打印如下

<div>This is some test profile text<br /></div><div><br /></div><div>Hop this prints fine<br /></div><div><br /></div><div><b>Hello</b><br /></div><div><br /></div><div>Testing</div>

与数据库中的数据基本相同..但我希望它输出为 HTML..

我该怎么做？

Answer 1

如果您使用的是 Node，请继续阅读。

安装js-htmlencode 包：

npm install -S js-htmlencode

然后通过htmlDecode 方法运行一次您的原始数据库输出。在将数据传递给 Pug 脚本之前，您应该在服务器应用程序中执行此操作：

服务器Javascript：

const htmlDecode = require("js-htmlencode").htmlDecode;
app.get("/htmldecode", (req, res) => {
  const raw = "<h1>This is <span style='color:red'>RED</span>!!</h1>"
  res.render("htmldecode", { raw: raw, decoded: htmlDecode(raw) })
});

htmldecode.pug：

html
  head
  body 
    h3 Html Decoding Twice
    p Using !: !{raw}
    p Using #: #{raw}
    p Final: !{decoded}

实际输出：

需要注意的是!{raw}不会渲染成<h1>…。它按字面意思呈现，即<h1>…。是浏览器将< 显示为<。

请注意使用 ! 运算符时的所有注意事项。