2016-05-16 10 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>のようなブロックタグ用に挿入されている。

この下線付きスペースを削除して、SVGを<a>タグ内に持つことはできますか?ジェイドがどのように壊れてしまうのか、私はあまりコントロールできないようです。それはCSSソリューションである必要がありますか?

答えて

1

コンパイル時にprettyオプションをfalseに設定するだけです。 Jade API documentationから:

prettyboolean | stringそれが簡単に人間がインデントとして' 'を使用して読んでできるようにすること、結果のHTMLに空白を追加します。文字列が指定されている場合は、代わりにインデントとして使用されます(例:'\t')。

これにより、効果的に結果のHTMLが縮小されます。

+0

ちょうどその小片を読むことに慣れてきました - 私はその値を設定してページの小さな部分を解析することができますか? – MattTreichelYeah

+1

@Stopdoorそのセクションを別のファイルに入れ、 'pretty:false'でコンパイルし、コンパイルしたファイルを別のファイルに[include](http://jade-lang.com/reference/includes/)しなければなりません。ファイル。 –

+0

私は翡翠でできることは最高だと思います。残念なことに、このような簡単なことに関与するビット... – MattTreichelYeah

関連する問題