ブラウザ内で処理
HTMLを整形
PrettierでHTMLの構造・属性・埋め込みコードを読みやすく整形します。
インデント
1行幅
コメント
圧縮時のタグ名
入力コード
処理結果
1処理後のコードがここに表示されます
ブラウザ内で処理
入力したコードは、コード整形のためにToshiLabの サーバーへ送信しません。
現在の整形エンジン
HTML・CSS・JavaScript・JSONはPrettier、 PHPはPrettier PHP Pluginを利用します。
圧縮されたコードも読みやすくできます
改行の少ないHTML・CSS・JavaScript・JSON・PHPも、 「整形する」を押すと、改行やインデントを付けて 読みやすい形に整えられます。
※削除されたコメントや短縮された変数名などを 元の状態へ戻す機能ではありません。
「整形」と「圧縮」の違い
「整形する」はコードを人が読みやすい形に整えます。 HTML・CSS・JavaScript・JSONの「圧縮する」は、 不要な改行や空白などを減らして コンパクトな形にします。