HTML 整形ツール

HTML を整形。

使い方

貼り付け → 実行 → 確認 → コピー。すべてはブラウザ内で完結します。

入力を貼り付ける

入力を貼り付ける

CSS・HTML・JSON などをエディタに貼ります。アップロードはしません。

ツールを実行する

ツールを実行する

変換または実行をクリック。結果はすぐに表示されます。

出力を確認する

出力を確認する

生成コードと注意書きを公開前に確認します。

コピーして使う

コピーして使う

出力をコピーしてプロジェクトに貼り付けます。

このツールについて

CMS やメールテンプレートから出力された HTML を読みやすい形に整え、alt 属性の抜けや閉じ忘れたタグをレビューで見つけやすくします。メールクライアント向けに意図的に圧縮された原稿なら、元のファイルを残しておいてください。

サンプルは 1 行に詰め込まれた 3 項目のリストです。

入力

<ul><li>Paste</li><li>Beautify</li><li>Review</li></ul>

出力

<ul>
  <li>Paste</li>
  <li>Beautify</li>
  <li>Review</li>
</ul>

ヒント

本番のメールを差し替える前に、圧縮済みの元ファイルを必ず控えておきましょう。