読者です 読者をやめる 読者になる 読者になる

UTALI

書き溜めておいた技術記事や旅行記のバックアップです。

コマンドラインでHTMLファイルを整形 | htmlを使う

f:id:mochizuki_p:20170111165510p:plain

JavaScriptでHTMLを整形する

HTMLファイルを綺麗に整理したい、でも大きなサイズのHTMLファイルを手作業で整形するのは非常に馬鹿らしいことですね。

JavaScript(Node.js)では、コマンドライン一発でJavaScriptを整形するパッケージが存在します。

使い方

npmでインストール

sudo npm install html -g 

コマンドラインでファイルを整形

乱雑なHTMLファイルが


<!doctype html>

<html lang="en" prefix="og: http://ogp.me/ns#">

<head><meta charset="utf-8"><title>html</title>

</head>

<body>



  <h1>Hoge







</h1>



</html>

コマンドラインで

html hoge.html

以下のように整形される結果となります。

<!doctype html>

<html lang="en" prefix="og: http://ogp.me/ns#">

  

  <head>

    <meta charset="utf-8">

    <title>html</title>

  </head>

  

  <body>

     <h1>Hoge

</h1>



    <p>fuga fuga</p>

  </body>



</html>

あくまでこれは標準出力(STDOUT)へのアウトプットなるので、ファイルとして保存するには以下のようにパイプを利用します。

html hoge.html > formatted_hoge.html

f:id:mochizuki_p:20170111165617p:plain

と、このように整形済みの新しいHTMLファイルを保存することができます。