保留Jade中的换行符

时间:2012-12-06 12:45:35

标签: node.js pug

每当我渲染一个JADE模板时,我都会将所有HTML都放在一行中。这使得难以在视图源模式下阅读。如何告诉JADE创建正确缩进的HTML?

这是我的模板:

#application
  p#docs
    a(href='/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

1 个答案:

答案 0 :(得分:5)

在Jade的编译选项中将pretty设置为true。

可以通过多种方式完成,具体取决于您的编译方式

  • 从命令行传递-P--pretty标记。
  • 来自快递3.x:app.locals.pretty = true;

(表达2.x使用了不同的语法:app.set('view options', { pretty: true });,请参阅迁移指南:https://github.com/visionmedia/express/wiki/Migrating-from-2.x-to-3.x

然后你可以做以下

#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 

将产生

<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>