貼ったHTMLを読む前に字下げし直す

ミニファイ済みのダンプ、コピーしたテンプレート、CMSの断片。1行に潰れたマークアップは読めません。まず字下げし直します。

このガイドで使う道具

やりたいこと

DevToolsやCMS、ミニファイ済みテンプレートからコピーしたHTMLは、読めない1行で届きがちです。この整形ツールは字下げをやり直します。入れ子の要素は一段下がり、<script>・<style>・<pre>・<textarea>の中身はそのまま、短いインラインは1行に収めます。段落が50行に破裂することはありません。

ダンプの整形

マークアップを貼って整形を押します。タグは2スペースで入れ子に字下げされ、コメントとdoctypeはそのまま残り、<a>や<strong>などのインライン要素は80文字に収まる範囲で1行のままです。

  • 空要素(<img>・<br>・<input>)は自己完結します。
  • <pre>/<textarea>/<script>/<style>の中身は一切触りません。そこの空白は意味を持つためです。
  • 壊れた入れ子は直さず、そのまま残します。整形するのは渡されたものです。

対応範囲

整形ツールであってバリデータではありません。<div>の閉じ忘れや属性のスペルミスは指摘しません。構造を読める形にしてからバリデータへ回してください。1回の貼り付けは50万文字まで。