コードインデント整形
コードにインデント(字下げ)を適用して読みやすく整形します(JSONは高精度 / HTML・CSS・JSは簡易整形)。
自動判定がうまくいかない場合は「対象」を明示してください。
使い方
- 入力欄にコードを貼り付けます。
- 「対象(自動判定/JSON/HTML/CSS/JS)」と「インデント幅」を設定します。
- 整形ボタンを押すと、インデント適用済みの結果が表示されます。
- コピーで結果を取得できます。
対応範囲
- JSON:高精度(構文解析して整形)
- HTML:簡易整形(タグ構造を見て字下げ。特殊ケースで崩れる場合あり)
- CSS:簡易整形({ } と ; を基準に字下げ)
- JavaScript:簡易整形({ } を基準に字下げ。文字列/正規表現/テンプレ文字列等で崩れる可能性あり)
注意点(対応できない/崩れやすい例)
- HTML:script/style 内のコード、属性値に < > が混在するケース、壊れたHTML(閉じタグ不足)
- CSS:文字列内に { } ; が含まれるケース、複雑な @ルール(@supports など)
- JS:文字列/正規表現/テンプレ文字列内の { }、minify済みでセミコロン省略が多いコード
おすすめの用途
- JSONの整形(ログ/設定ファイルの読みやすさ改善)
- 軽いHTML/CSS/JSの見やすさ改善(簡易)