LoginSignup
11
10

More than 5 years have passed since last update.

プロジェクト内のerbファイルのフォーマットを一発で綺麗にするコマンド - Run htmlbeautifier recursively.

Last updated at Posted at 2014-11-03

概要

Railsで複数人で開発しているとERB(テンプレート,view)のフォーマットが次第にグチャグチャになっていく。
そんなときにこのコマンドを実行すればインデントが一発で綺麗になる。

htmlbeautifierのインストール

コマンドベースでerbをフォーマットしてくれるツール htmlbeautifierをインストールする。

$ gem install htmlbeautifier

実行

アプリケーションディレクトリへ移動した以下のコマンドを実行する。

$ cd path/to/application
$ for file in $(find . -name '*.erb'); do htmlbeautifier $file; done

サンプル

before
<div class="header">
    <p class="logo"><a href="/">ロゴ</a></p>
    <ul class="header_nav">
    <li><span class=""><i class=""></i>メニュー</span></li>
      </ul>
  <div class="menu">
    <ul>
      <li><a class="menu_list_btn">メッセージ</a>
        <ul class="menu_list">
<li><%= link_to "AAAAA", aaaaa_path %></li>
<li><%= link_to "BBBBB", bbbbb_path %></li>
<li><%= link_to "CCCCC", ccccc_path %></li>
<li><%= link_to "DDDDD", ddddd_path %></li>
        </ul>
      </li>
      <li><%= link_to "EEEEE", eeeee_path %></a></li>
  </ul>
</div>

↓ こうなる

after
<div class="header">
  <p class="logo"><a href="/">ロゴ</a></p>
  <ul class="header_nav">
    <li><span class=""><i class=""></i>メニュー</span></li>
  </ul>
  <div class="menu">
    <ul>
      <li><a class="menu_list_btn">メッセージ</a>
        <ul class="menu_list">
          <li><%= link_to "AAAAA", aaaaa_path %></li>
          <li><%= link_to "BBBBB", bbbbb_path %></li>
          <li><%= link_to "CCCCC", ccccc_path %></li>
          <li><%= link_to "DDDDD", ddddd_path %></li>
        </ul>
      </li>
      <li><%= link_to "EEEEE", eeeee_path %></a></li>
  </ul>
</div>

参考

11
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
10