Préservation des nouvelles lignes dans Jade

Question

Chaque fois que je rends un modèle JADE, j'obtiens tout le HTML sur une seule ligne. Cela le rend difficile à lire en mode view-source. Comment puis-je demander à JADE de créer du HTML correctement indenté ?

Voici mon modèle :

#application
  p#docs
    a(href="stackoverflow.com/docs/index.html') Documentation

  p#user-input
    input#msg(name='msg', size='50')
    input#submit(name='submit', type='submit', value='Send a Message')

  ul#messages

Answer 1

Dans le jeu d'options de compilation de Jade pretty à vrai.

Ce qui peut être fait de plusieurs manières selon la façon dont vous les compilez.

• Dans la ligne de commande, passez la commande -P ou --pretty drapeau.
• A partir d'express 3.x : app.locals.pretty = true;

(express 2.x utilisait une syntaxe différente : app.set('view options', { pretty: true }); voir le guide de migration : https://github.com/visionmedia/express/wiki/Migrating-from-2.x-to-3.x )

Vous pouvez alors procéder comme suit

#test.     // <-- notice the dot
    Lorem Ipsum is simply dummy text of 
    the printing and typesetting industry. 
    Lorem Ipsum has been the industry's standard dummy 
    text ever since the 1500s ,
    when an unknown printer took a galley of type and scrambled 

qui produira

<div id="test">
    Lorem Ipsum is simply dummy text of 
    the printing and typesetting industry. 
    Lorem Ipsum has been the industry's standard dummy 
    text ever since the 1500s ,
    when an unknown printer took a galley of type and scrambled 
</div>