How can I "tabify" HTML in Textmate?
I've tried selecting all, and then using Cmd+option+[ but it comes out a little weird...
If it's not possible to do this in TextMate, if someone could help me write a PHP function to do it, I could potentially make my own TextMate plugin.
<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>
If I use this web page: http://tools.arantius.com/tabifier
It comes out like this:
<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>
That's a whole lot nicer. How can I make TextMate do that?
