2016-05-16 67 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