2016-05-16 17 views
1

我有一个<a>标记,其中有一个<svg>标记。如何强制Jade不要缩进块标记?

a(href='#') Link 
    svg 
     use(xlink:href="icons.svg#alert") 

此输出为

<a href="#">Link 
    <svg> 
     <use xlink:href="icons.svg#alert"></use> 
    </svg> 
</a> 

我这个问题是断行玉很好地与格式表示链路具有文本和SVG之间的空间下划线。我已阅读使用标记插值语法将标记放入块中,但仍然为<svg>等块标记插入换行符。

我可以选择删除带下划线的空格,并在<a>标记中包含SVG吗?看来我对Jade的断线没有太多的控制。它可能需要成为一个CSS解决方案?

回答

1

编译时只需将pretty选项设置为false。从Jade API documentation

prettyboolean | string添加空格到结果HTML,以使它更容易为人类使用' '压痕阅读。如果指定了一个字符串,那么它将被用作缩进(例如'\t')。

这将有效地使得到的HTML缩小。

+0

我刚刚开始阅读该片段,巧合 - 我能够设置该值只解析页面的一小部分,但? – MattTreichelYeah

+1

@Stopdoor你必须把这个部分放在一个单独的文件中,用'pretty:false'编译它,然后将[编译后的文件]包含在另一个文件中(http://jade-lang.com/reference/includes/)文件。 –

+0

我想这是我能通过Jade做的最好的。有一点涉及这么简单的事情,不幸的是...... – MattTreichelYeah