Как сделать вложеность html inline тегов после компиляции jade?

Question

[bingumd]

Kод на jade:

.thumbnail
    .thumbnail-inner
        a(href="#")
            img(src="img-1.jpg")
            span.overlay

Компилирует:

<div class="thumbnail">
    <div class="thumbnail-inner"><a href="#"><img src="img-1.jpg"><span class="overlay"></span></a></div>
</div>

А нужно :

<div class="thumbnail">
    <div class="thumbnail-inner">
        <a href="#">
            <img src="img-1.jpg">
            <span class="overlay"></span>
        </a>
    </div>
</div>

Answer 1

[Олег]

Я в свое время (год назад) искал решение и не нашел, скорее всего ничего не изменилось. Единственное, можно добавить коммент:

.thumbnail
    .thumbnail-inner
        // Ссылка 1 
        a(href="#")
            img(src="img-1.jpg")
            span.overlay
        // Ссылка 2 
        a(href="#")
            img(src="img-1.jpg")
            span.overlay

<div class="thumbnail">
    <div class="thumbnail-inner">
        <!-- Ссылка 1 --><a href="#"><img src="img-1.jpg"><span class="overlay"></span></a>
        <!-- Ссылка 2 --><a href="#"><img src="img-1.jpg"><span class="overlay"></span></a>
    </div>
</div>

UPD 29.07.16

1. С помощью этого плагина можно более гибко контролировать код на выходе и отключить pretty от jade.

2. Еще можно открыть исходники Jade, там есть массив с инлайн тегами (jade/lib/inline-tags.js), можно нужные теги удалить из списка и они будут рендерится как блочные.

Comments

[Александр Белькевич]

А не поделитесь настройкой плагина? Я никак настроить не могу что то. Не работает конфиг

[Олег]

Александр Белькевич: Я пользуюсь вторым вариантом, просто поправил исходники.

[Александр Белькевич]

Олег: Спасибо!

[someserj]

Олег: а как все же сделать это плагином? какие опции указывать?