HTML整形ツール（HTMLフォーマッター）
HTMLを貼り付けて「HTMLを整形」を押すと、Prettierのルールできれいに整えます。
入力した文章やファイルはサーバーに送らず、このブラウザー内だけで処理します。
使い方
- HTMLを貼り付けて「HTMLを整形」を押します。初回は整形ツールを読み込むため少し時間がかかることがあります。
- 「インデント」と「1行の最大文字数」で形を決めます。この長さを超える行は、属性や内容を次の行に分けます。
- 「空白の扱い」の標準設定は、表示が変わらないようインライン要素まわりの空白を守ります。「空白を無視」にするとすっきりしますが、単語の間のスペースが変わることがあります。
- タグの対応が合わないと、エラーの位置を行・列で示します。構造をくわしく調べるにはHTML構文チェッカーをお使いください。
よくある質問
どんなルールで整形しますか？
広く使われているオープンソースの整形ツールPrettier(MITライセンス)をブラウザーでそのまま動かしています。エディターでPrettierを使ったときとほぼ同じ結果になります。
整形すると表示が変わりますか？
標準設定では、表示が変わらないように空白を扱います。そのためタグが不自然な位置で改行されることがあります。「空白を無視」にすると見た目はすっきりしますが、インライン要素の間のスペースが変わる場合があります。
コードはサーバーに送信されますか？
いいえ。整形ツール自体をブラウザーに読み込み、この端末の中だけで処理します。