Как я могу "табифицировать" HTML в Textmate?

Я попытался выбрать все, а затем с помощью Cmd+option+[, но получается немного странно ...

Если это невозможно сделать в TextMate, если кто-то может помочь мне написать PHP-функцию, я мог бы потенциально создать свой собственный плагин TextMate.

<div>                                            
 <div>
  <span>Reversal System, 1 kit</span></div>
  <div>
   <div>&nbsp;</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>&nbsp;</div></div>
             <p>
              <span>(3)</span></p></li>
              <li>
               <p>
                <span>4 Stars</span></p>
                <div>
                 <div>&nbsp;</div></div>
                 <p>
                  <span>(2)</span></p></li>
                  <li>
                   <p>
                    <span>3 Stars</span></p>
                    <div>
                     <div>&nbsp;</div></div>
                     <p>
                      <span>(1)</span></p></li>
                      <li>
                       <p>
                        <span>2 Stars</span></p>
                        <div>&nbsp;</div>
                        <p>
                         <span>(0)</span></p></li>
                         <li>
                          <p>
                           <span>1 Stars</span></p>
                           <div>
                            <div>&nbsp;</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>

Если я использую эту веб-страницу: http://tools.arantius.com/tabifier

Получается так:

<div>
 <div>
  <span>Reversal System, 1 kit</span>
 </div>
 <div>
  <div>
   &nbsp;
  </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>
        &nbsp;
       </div>
      </div>
      <p>
       <span>(3)</span>
      </p>
      </li>
      <li>
      <p>
       <span>4 Stars</span>
      </p>
      <div>
       <div>
        &nbsp;
       </div>
      </div>
      <p>
       <span>(2)</span>
      </p>
      </li>
      <li>
      <p>
       <span>3 Stars</span>
      </p>
      <div>
       <div>
        &nbsp;
       </div>
      </div>
      <p>
       <span>(1)</span>
      </p>
      </li>
      <li>
      <p>
       <span>2 Stars</span>
      </p>
      <div>
       &nbsp;
      </div>
      <p>
       <span>(0)</span>
      </p>
      </li>
      <li>
      <p>
       <span>1 Stars</span>
      </p>
      <div>
       <div>
        &nbsp;
       </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>

Это намного лучше. Как я могу заставить TextMate сделать это?

2 ответа2

1

В комплект HTML входит HTML Tidy (Control - Shift - H). Он делает больше, чем форматирование (например, закрытие тегов, исправление неправильного вложения), поэтому, если вы хотите, чтобы он был только для форматирования, перейдите в Bundles> Bundle Editor> Show Bundle Editor и дублируйте / настройте эту команду по своему усмотрению.

0

Я пришел сюда с помощью googling textmate beautify beautify, и ответ cczona помог, но я столкнулся с проблемой при использовании Bundle > HTML > Tidy поскольку он заменял мой <!DOCTYPE html> с другим типом документа. Я начал копаться в коде комплекта, но обнаружил, что есть только другой способ очистки отступов: все, что вам нужно сделать, это выбрать текст и нажать « Indent Selection в меню « Text .

Так что это +a, а затем оставил alt++[ по умолчанию

Этот ответ для людей 2014 года и старше, использующих версию 2 TextMate и выше

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .