RevealTheme logo

HTMLフォーマッター&整形ツール

圧縮された、または1行になったHTMLを、適切なインデントと改行で整形します。

このツールの使い方

  1. 1

    Paste your minified or single-line HTML into the input box.

  2. 2

    Read the indented result that appears below as you type — there is no button to press.

  3. 3

    Select and copy the formatted output from the result panel.

  4. 4

    Spot-check anything with <pre>, <textarea>, comments, or inline scripts, since those are not handled perfectly.

HTMLフォーマッター&整形ツールとは何ですか?

圧縮されたHTMLは、長い1本の文字列です。配信は速いものの、人間には読めません。このツールは圧縮を元に戻します。各要素を独立した行に配置し、子要素は2スペース分さらにインデントします。空要素(img、br、input)はそのまま同じ行に保たれます。出力は純粋に見た目の問題であり、レンダリング結果は同一になります。

よくある活用例

  • Expanding a minified production HTML page so you can read its structure during debugging.

  • Tidying a snippet copied from a browser's DevTools Elements panel before pasting it into documentation.

  • Re-indenting a fragment of email or marketing HTML that arrived as one long line.

  • Inspecting the nesting and tag hierarchy of unfamiliar markup at a glance.

  • Cleaning up generated or template-output HTML before committing it to a repository.

  • Teaching or reviewing HTML structure where consistent two-space indentation makes nesting obvious.

よくある質問

<pre>内の空白は保持されますか?
インラインのテキストコンテンツは折りたたまれます。<pre>を多用したマークアップでは、手動で空白を復元する必要がある場合があります。

関連ツール