Gratis perapian HTML, CSS & JavaScript
Tempel HTML, CSS, atau JavaScript yang padat dan dapatkan indentasi yang mudah dibaca seketika. Didukung js-beautify di peramban — terpisah dari minifier HTML yang fokus mengecilkan cuplikan untuk produksi.
Cara menggunakan alat ini
- 1
Buka Perapian kode
Format HTML, CSS, atau JavaScript untuk dibaca atau ditinjau.
- 2
Pilih bahasa dan indent
Pilih HTML, CSS, atau JavaScript dan 2 spasi, 4 spasi, atau tab.
- 3
Salin kode terformat
Salin keluaran ke proyek atau dokumentasi.
Fakta singkat
| Berjalan lokal? | Ya — js-beautify hanya berjalan di tab ini. |
|---|---|
| Ada yang diunggah? | Tidak. Cuplikan tetap di perangkat Anda. |
| Minifier HTML vs alat ini? | Gunakan minifier HTML untuk minify; gunakan perapian kode untuk format HTML, CSS, dan JS. |
| TypeScript atau JSX? | Mode JavaScript menangani banyak cuplikan JSX; TS ketat mungkin perlu formatter khusus. |
Kasus penggunaan utama
- Rapikan HTML, CSS, dan JavaScript di peramban — indent 2/4/tab, salin keluaran, tanpa unggah.
- Berjalan lokal?: Ya — js-beautify hanya berjalan di tab ini.
- Ada yang diunggah?: Tidak. Cuplikan tetap di perangkat Anda.
- Minifier HTML vs alat ini?: Gunakan minifier HTML untuk minify; gunakan perapian kode untuk format HTML, CSS, dan JS.
- TypeScript atau JSX?: Mode JavaScript menangani banyak cuplikan JSX; TS ketat mungkin perlu formatter khusus.
FAQ
Apakah memvalidasi sintaks?▾
Memformat input toleran; kode rusak bisa terlihat aneh — perbaiki di editor dulu.
Bisakah minify di sini?▾
Tidak — gunakan minifier HTML untuk kompresi HTML.
CSS tersemat di HTML?▾
Mode HTML memformat seluruh dokumen; salin aturan style ke mode CSS untuk kontrol lebih halus.
Apakah pemformatan mengubah perilaku?▾
Hanya spasi putih berubah untuk kode valid; selalu tinjau sebelum rilis.
File besar?▾
Input sangat besar bisa memperlambat tab — bagi file jika perlu.
Offline?▾
Setelah halaman dimuat, pemformatan berjalan tanpa jaringan.