有没有办法直接在玉石中包含html文件或代码段?

时间:2013-07-27 22:54:04

标签: node.js pug

我有一组html文件,大多是静态的,我想移动到我的node.js / express / jade项目。什么是直接在jade中包含html文件或代码段的正确方法?我不想将现有的html文件翻译成玉?

3 个答案:

答案 0 :(得分:46)

你应该能够在玉石模板中简单地include it

  

如前所述,include可用于包含其他内容,例如html或css。通过提供扩展,Jade将读取该文件,应用与文件扩展名匹配的任何filter,并将该内容插入到输出中。

html
  // ...
  body
    // ...
    //- html files have no filter and are included verbatim
    include content.html

答案 1 :(得分:7)

直接在jade中使用:verbatim之前的确切html代码或代码段。

doctype html
html(lang="en")
  :verbatim
    {% include head.html %}
  body
    :verbatim
    {{ content }}

  :verbatim
    {% include footer.html %}

<强>输出

<!DOCTYPE html>
<html lang="en">{% include head.html %}
  <body>{{ content }}
  </body>{% include footer.html %}
</html>

答案 2 :(得分:3)

在我的.jade文件中,我必须做这样的事情:

:verbatim
   !{editorBody}

..其中 editorBody 是通过res.render()调用提供的:

var editorBody = '<p>Hello</p>';

return res.render('user/user_profile', {editorBody : editorBody});