Como posso "tabify" HTML no Textmate?
Eu tentei selecionar tudo e, em seguida, use Cmd + opção + [mas sai um pouco estranho ...
Se não for possível fazer isso no TextMate, se alguém puder me ajudar a escrever uma função PHP, eu poderia fazer meu próprio plugin TextMate.
<div>
<div>
<span>Reversal System, 1 kit</span></div>
<div>
<div> </div>
<span>3.9</span>
<p>(based on
<span>7</span> reviews)</p>
<div>
<a href="#">
link</a>
<div>
<p>
<span>Distribution</span></p>
<div>
<ul>
<li>
<p>
<span>5 Stars</span></p>
<div>
<div> </div></div>
<p>
<span>(3)</span></p></li>
<li>
<p>
<span>4 Stars</span></p>
<div>
<div> </div></div>
<p>
<span>(2)</span></p></li>
<li>
<p>
<span>3 Stars</span></p>
<div>
<div> </div></div>
<p>
<span>(1)</span></p></li>
<li>
<p>
<span>2 Stars</span></p>
<div> </div>
<p>
<span>(0)</span></p></li>
<li>
<p>
<span>1 Stars</span></p>
<div>
<div> </div></div>
<p>
<span>(1)</span></p></li></ul></div> </div></div></div>
<div></div>
<div>
<p>83%</p>
<p>of respondents would recommend this to a friend.</p></div></div>
Se eu usar esta página da Web: link
É assim:
<div>
<div>
<span>Reversal System, 1 kit</span>
</div>
<div>
<div>
</div>
<span>3.9</span>
<p>
(based on <span>7</span> reviews)
</p>
<div>
<a href="#">
link</a>
<div>
<p>
<span>Distribution</span>
</p>
<div>
<ul>
<li>
<p>
<span>5 Stars</span>
</p>
<div>
<div>
</div>
</div>
<p>
<span>(3)</span>
</p>
</li>
<li>
<p>
<span>4 Stars</span>
</p>
<div>
<div>
</div>
</div>
<p>
<span>(2)</span>
</p>
</li>
<li>
<p>
<span>3 Stars</span>
</p>
<div>
<div>
</div>
</div>
<p>
<span>(1)</span>
</p>
</li>
<li>
<p>
<span>2 Stars</span>
</p>
<div>
</div>
<p>
<span>(0)</span>
</p>
</li>
<li>
<p>
<span>1 Stars</span>
</p>
<div>
<div>
</div>
</div>
<p>
<span>(1)</span>
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
</div>
<div>
<p>
83%
</p>
<p>
of respondents would recommend this to a friend.
</p>
</div>
</div>
Isso é muito melhor. Como posso fazer o TextMate fazer isso?
O pacote HTML inclui HTML Tidy ( Controle - Shift - H ). Ele faz mais do que o formato (por exemplo, tags de fechamento, correção de aninhamento incorreto), portanto, se você deseja formatá-lo somente em Bundles > Editor de Pacotes > Mostrar o Bundle Editor e duplicar / personalizar esse comando como achar melhor.
Eu vim aqui "googling" textmate beautify e a resposta da cczona ajudou, mas enfrentei um problema usando Bundle > HTML > Tidy , pois estava substituindo meu <!DOCTYPE html> pelo tipo de documento diferente. Comecei a investigar o código do pacote, no entanto, descobri que há outra maneira de fazer apenas limpeza de indução : Tudo o que você precisa fazer é selecionar o texto e clicar no menu Indent Selection under Text .
Então é ⌘ + a e depois à esquerda alt + ⌘ + [ por padrão
Esta resposta é para pessoas em 2014 e mais, usando a versão 2 e superior do TextMate