入力したHTMLはサーバーに送信されますか？

いいえ。整形はjs-beautifyライブラリを使いブラウザ内で完結します。顧客データやトラッキングID、未公開ページを含むマークアップが外部に出ることはありません。

整形でページの表示は変わりますか？

ほぼ変わりませんが、厳密にはゼロではありません。HTMLの空白はブラウザが基本的に畳むため通常のマークアップでは安全ですが、スペース区切りのインライン要素やpre・textareaの中身など空白に意味がある箇所はどんなフォーマッターでも影響し得ます。該当するページでは出力を差分確認してください。

整形の設定内容は？

固定のデフォルト設定です: インデントは2スペース、強制的な行折り返しなし(長い行はそのまま)、既存のブロック間の空行は保持されます。

HTMLフォーマッター

概要

多くのエディタ拡張でも使われているjs-beautifyエンジンでHTMLを整形します。ネストされた要素は1段2スペースでインデントされ、タグは適切な行に配置され、元からある空行は保持されます。行の折り返しは行わないため、属性の多いタグもそのまま維持されます。minifyされたページソースの読解、CMSやメールテンプレート出力の整理、コードレビュー前のマークアップ正規化に便利です。

使い方

HTML欄にマークアップを貼り付けます。minify済み・1行のままでも構いません。
入力と同時にFormatted欄に整形結果が表示されます。
読み取り専用の出力欄からコピーします。

使用例

<div><p>hello</p><span>world</span></div> →

<div>
  <p>hello</p>
  <span>world</span>
</div>

注意事項

これはフォーマッターであり、バリデーターではありません。閉じ忘れや入れ子違反のタグは警告なしにベストエフォートでインデントされます。埋め込みの<script>・<style>ブロックもドキュメントと一緒に整形されます。空白に敏感なHTML(inline-blockレイアウトや<pre>の中身)は、整形後に表示を確認してください。