html - atom 美化器 html 注释

Question

我正在使用 atom 编写 html 和 atom beautify 来格式化代码。它工作得很好，但是有一个问题使我的代码有点混乱。这是我想要的代码：

<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-->

这是他们使用 atom beautify 制作的代码：

<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软件包允许您以多种方式对其进行配置。其中之一是添加要从格式化中排除的标签。但是，当我通过添加"!--/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-->