ワークスペースを準備中…
入力
出力
結果はここに表示されます。
使い方
- テキストを貼り付け、UTF-8 ファイルを開くか、サンプルを試してください。
- 入力と設定を選び、実行するか自動実行を有効にしてください。
- 結果を確認してコピー・保存します。入力を変えると前の結果は無効になります。
HTML フォーマッター
HTML のインデントを整え、空白の扱いを調整します。
処理はブラウザー内で完結し、入力は DevToolsy に送信されません。
仕組み
Prettier が HTML をソーステキストとして整形します。入力は描画せず、スクリプトも実行しません。script と style 内のコードは別途整形しません。
入力
<main><h1>Project notes</h1><p>Built with <strong>care</strong> for the web.</p><ul><li>Fast</li><li>Local</li></ul></main>出力
<main>
<h1>Project notes</h1>
<p>Built with <strong>care</strong> for the web.</p>
<ul>
<li>Fast</li>
<li>Local</li>
</ul>
</main>
HTML のインデントを整え、空白の扱いを調整します。
オプションとデータの保持
CSS に従う、厳密、無視の空白処理に加え、インデントと行幅を選べます。既定は CSS。無視するとインライン要素の表示間隔が変わる場合があります。
結果の利用
意味、アクセシビリティ、危険なマークアップは監査しません。プロジェクトで結果を確認し、公開前に適切な検証ツールを使ってください。
結果を確認してコピー・保存します。入力を変えると前の結果は無効になります。
処理の制限
UTF-8 入力は各文書 1 MiB、出力は 8 MiB まで。JSONPath と Schema は 5 秒、その他は 30 秒でタイムアウト。
?
よくある質問
入力 HTML は描画・実行されますか？
Prettier が HTML をソーステキストとして整形します。入力は描画せず、スクリプトも実行しません。script と style 内のコードは別途整形しません。
意味のある空白はどう処理しますか？
CSS に従う、厳密、無視の空白処理に加え、インデントと行幅を選べます。既定は CSS。無視するとインライン要素の表示間隔が変わる場合があります。
アクセシビリティや安全性も検査しますか？
いいえ。意味、アクセシビリティ、危険なマークアップは監査しません。プロジェクトで結果を確認し、公開前に適切な検証ツールを使ってください。
入力はアップロードされますか？
処理はブラウザー内で完結し、入力は DevToolsy に送信されません。
ローカルファイルを開けますか？
UTF-8 入力は最大 1 MiB · 出力は最大 8 MiB