web-dev-qa-db-fra.com

Existe-t-il un moyen d'inclure un fichier html ou un extrait directement dans le jade?

J'ai un ensemble de fichiers html, pour la plupart statiques, je voudrais passer à mon projet node.js/express/jade. Quelle est la bonne façon d'inclure un fichier html ou un extrait directement dans le jade? Je ne veux pas traduire le fichier html existant en jade?

node.jspug
34
jason chen

Vous devriez pouvoir simplement include it dans un modèle jade:

Comme mentionné, include peut être utilisé pour inclure d'autres contenus tels que html ou css. En fournissant une extension, Jade lira ce fichier, appliquera tout filtre correspondant à l'extension du fichier et insérera ce contenu dans la sortie.

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

Utilisation :verbatim avant le code html exact ou l'extrait directement en jade.

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

  :verbatim
    {% include footer.html %}

Sortie

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

Dans mon fichier .jade, je devais faire quelque chose comme ceci:

:verbatim
   !{editorBody}

.. où editorBody est fourni via l'appel res.render ():

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

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