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

atom beautifier html评论

1 个答案: