使い方
- HTML を貼り付けます。
- 言語（HTML または Vue）、インデント、行の幅を選びます。
- 「整形」をクリックするか、Ctrl+Enter（Mac では ⌘+Enter）を押します。
- 整形されたマークアップをコピーします。
オプションの説明
- 行の幅
- 属性の多い要素がこの幅を超える場合は、1 行に 1 つの属性ずつ折り返します。
- Vue
- .vue の単一ファイルコンポーネント（template、script、style の各ブロック）を整形します。
使用例
メールテンプレート。 1 行に詰め込まれた HTML メールを貼り付ければ、テーブル構造がインデントされて見やすくなります。
コピーしたページのソース。 ページのソースを整形して、必要な部分を探しやすくします。
よくある質問
テキストの一部が 1 行のまま残るのはなぜですか？
HTML では、インライン要素の間に空白を加えるとページの見た目が変わることがあります。このツールは各要素の CSS の display を考慮し、画面に表れてしまう空白は追加しません。
不正な HTML も修正されますか？
</li> や </p> のように HTML で省略できる閉じタグは補われます。閉じる順番が間違っているタグは、行と列の番号付きでエラーになるので、元のコードを修正してください。
コードはアップロードされますか？
いいえ。すべての処理はブラウザ内で行われます。
プライバシー
このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。