atom beautifier html comments

Question

我正在使用atom來編寫html和atom來美化格式化代碼。它工作的很好，但有一個問題使我的代碼有點混亂。下面是代碼我希望它成爲的方式：

<section id="hero"> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-sm-8"> 

     <p>Hello world!</p> 

     </div><!--/col--> 
    </div><!--/row--> 
    </div><!--/container--> 
</section><!--/hero--> 

，這裏是他們的方式原子美化代碼使得：

<section id="hero"> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-sm-8"> 

     <p>Hello world!</p> 

     </div> 
     <!--/col--> 
    </div> 
    <!--/row--> 
    </div> 
    <!--/container--> 
</section> 
<!--/hero--> 

正如你所看到的，它把HTML註釋中新的行，然後我在我的代碼中有不必要的行，也不容易立即看到結束標記。有沒有什麼辦法可以配置美化器？

Answer 1

我沒有看到解決方案。 atom-beautify包允許您以各種方式對其進行配置。其中之一是adding tags to be excluded from formatting。但是，當我通過將"!--/col--"添加到數組來測試它時，我得到的是片段的整個後端未格式化。

<section id="hero"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-sm-8"> 

       <p>Hello world!</p> 

      </div> 
      <!--/col--> 
    </div><!--/row--> 
    </div><!--/container--> 
</section><!--/hero-->