htmlをフォーマットするのにhtml-beautifyを使う

Aug 6, 2021 16:59 · 249 words · 1 minute read

html-beautify は html をフォーマットしてくれるCLIのツール。

html-beautify は js-beautify を入れると入る。

$ yarn add js-beautify

pup

htmlを整形できるツールだと pup というものがあるが、自分の環境だとマルチバイト文字が文字化けしてしまうので今回は見送り。

(例) ./out ディレクトリ配下のhtmlをすべてフォーマットする場合

いろいろオプションを渡してhtmlを生成することができる。

npx html-beautify \
    --replace \
    --indent-size=2 \
    --wrap-line-length=200 \
    --wrap-attributes=force-aligned \
    ./out/*.html

標準入力から整形する場合

標準入力から整形できるのも地味にうれしい。minifyされてしまったhtmlなどから展開する場合など。

$ pbpaste | html-beautify
tweet Share