如何在 Pug 文件中插入原始 HTML（不包括外部 HTML 文件）

【问题标题】：How to insert raw HTML in Pug file (not include external HTML file)如何在 Pug 文件中插入原始 HTML（不包括外部 HTML 文件）
【发布时间】：2015-01-22 07:40:08
【问题描述】：

所以我想要将一些多行 HTML 放入 Pug 文件中，但在任何地方都找不到如何做到这一点。

例子：

html
    head

    body
        <div><a href="lala"> blabla </a></div>

        p hihuhohoo

【问题讨论】：

标签： html pug

【解决方案1】：

这是一个经过测试的示例，将带有 raw html 的变量传递给 pug 文件：

yourSourceFile.js

const p1 = 'This server uses a <a href="https://pugjs.org/api/getting-started.html" target="_blank">pug template</a> for the html output'
res.render('yourTemplateFile', { title: 'Hey', p1 })

yourTemplateFile.pug

html
  head
    title= title
  body
    p
      | !{p1}

【讨论】：

这正是我想要的。谢谢！

【解决方案2】：

我只能通过编码来做到这一点

div
  | &#60;script src="https://mydomain.io/script.js"&#x3E;&#60;/script&#x3E;

【讨论】：

【解决方案3】：

Pug text 可以包含 HTML。只需将其强制为文本，它就应该解析：

html
    head

    body
        | <div><a href="lala"> blabla </a></div>

        p hihuhohoo

此外，您使用反斜杠而不是正斜杠来关闭元素。

【讨论】：

是的，反斜杠错误是因为我在脑海中做了一个例子，并且永远没有写出真正的 html :D
这让我很开心。也可以与| !{paramName}中的参数一起使用