玉郎 – 如何手动添加一个新的行？

我有这样的代码

ul.nav li.item a(href='#') ul li a(href='#') 

它转换为

 <ul class="nav"> <li class="item"><a href="#"></a> <ul> <li><a href="#"></a></li> </ul> </li> </ul> 

预期结果：

 <ul class="nav"> <li class="item"> <a href="#"></a> <ul> <li> <a href="#"></a> </li> </ul> </li> </ul> 

我怎样才能得到一个正确的缩进？

我已经尝试从http://scalate.fusesource.org/documentation/jade-syntax.html Whitespace Removal: > and <规则，但它们不起作用。 我做错了什么？

Answer 1

手动换行可以用这样的命令添加

 = "\n" 

所以当你的代码如下所示：

 ul.nav li.item a(href='#') ul li = "\n" a(href='#') 

以下输出产生：

 <ul class="nav"> <li class="item"><a href="#"></a> <ul> <li> <a href="#"></a> </li> </ul> </li> </ul> 

唯一的问题是这个命令打破了制表符缩进。

在项目问题页面find

Answer 2

你可以使用html模块来更美化你的html。 将以下内容添加到您的代码中：

 var html = require('html'); var fn = jade.compile('string of jade', options); // standard jade example console.log(html.prettyPrint(fn())) 

你的输出将是

 <ul class="nav"> <li class="item"> <a href="#"></a> <ul> <li> <a href="#"></a> </li> </ul> </li> </ul> 

确保你使用的是最新的美化html.js。