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

dit*_*lav 10 html pug

所以我想要的是将一些多行HTML放入Pug文件中,无法在任何地方找到如何执行此操作.

例:

html
    head

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

        p hihuhohoo
Run Code Online (Sandbox Code Playgroud)

Sci*_*ter 23

帕格文本可以包含HTML.只需强制它作为文本,它应该解析:

html
    head

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

        p hihuhohoo
Run Code Online (Sandbox Code Playgroud)

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

  • 这件事情让我感到很快乐。也可以与参数一起使用,如`| !{paramName}` (2认同)

Rom*_*man 19

这是一个经过测试的示例,将变量传递raw html给 pug 文件:

你的源文件.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 })
Run Code Online (Sandbox Code Playgroud)

你的模板文件.pug

html
  head
    title= title
  body
    p
      | !{p1}
Run Code Online (Sandbox Code Playgroud)