2

私はこのようなコードを持っています

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.htmlWhitespace Removal: > and <のルールを試しましたが、機能しません。私が間違っていることは何ですか？

4

2 に答える 2

0

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>

最新の beautify-html.jsを使用していることを確認してください。

于 2013-01-28T18:59:34.333 に答える