HTML フォーマッター・Minifier

HTML フォーマッター・Minifier について

HTMLコードをブラウザ上で即座に整形・圧縮できるツールです。すべての処理はクライアントサイドで完結し、データがサーバーに送信されることはありません。

主な機能

• 整形 (Beautify): 入れ子構造に応じてインデントを付け、読みやすい形式に変換
• 圧縮 (Minify): 不要な空白・改行・コメントを除去してファイルサイズを最小化
• シンタックスハイライト: タグ・属性・文字列・コメント・DOCTYPE を色分け表示
• ライブプレビュー: サンドボックス内で安全に HTML をレンダリング確認
• 構文チェック: 未閉じタグ・対応しないタグの組み合わせを検出
• 属性整形: アルファベット順ソート、小文字化、引用符の統一
• void要素対応: br, img, input など自閉じスタイルの選択
• pre / script / style 保護: 内部の空白・改行を保持

プログラマーの「あったら嬉しい」機能

• 空属性の自動削除: class="", style="" などを除去
• タグ名・属性名の小文字化: <DIV CLASS=...> → <div class=...>
• 引用符の統一: シングル / ダブルを一括置換
• 圧縮率の表示: 元サイズとの比率をパーセント表示
• 最大ネスト深度: HTML の階層構造の深さを可視化
• サンプル付き: 基本・フォーム・テーブル・コンポーネントなど 6 種類

使い方

• 左側のエディタに HTML を貼り付けるか、サンプルボタンで例を読み込み
• インデント・属性・引用符などのオプションを設定
• 「実行」ボタンまたは入力時に自動で整形（300ms デバウンス）
• 「ハイライト」モードで色付きプレビュー、「プレビュー」モードで実際の表示確認
• 結果をコピーまたは .html ファイルとしてダウンロード

プライバシー

すべての処理はあなたのブラウザ内で実行されます。HTML データは外部サーバーに送信されず、ローカルにのみ存在します。プレビューは sandboxed iframe で実行され、JavaScript は無効化されています。