JS/CSS Formatter
JS/CSS Formatter — berjalan di browser. Input tidak disimpan.
Indentasi dasar JS / CSS
Indentasi sederhana berbasis kurung kurawal. Bukan parser setingkat Prettier.
Cara menggunakan
- Di mode, pilih JavaScript atau CSS.
- Masukkan kode satu baris atau inden rusak ke sumber.
- Tekan Format untuk mendapat hasil dengan baris dipecah pada kurung kurawal dan titik koma.
- Jika perlu, ambil dengan Salin hasil.
- Reset mengosongkan input/output dan mengembalikan mode ke JavaScript.
Konsep utama
Pemformat JS/CSS bukan parser bahasa seperti Prettier. Hanya menghitung kedalaman kurung kurawal dan menambah inden dua spasi. Titik koma memulai baris baru; kurung tutup sejajar satu tingkat keluar. Mode JavaScript dan stylesheet dilabeli terpisah di layar tetapi berbagi aturan inden yang sama. Membantu membuka one-liner yang diminify untuk manusia. Baris kosong dikurangi dan hanya baris isi yang dilampirkan ulang pada kedalaman, cocok untuk membuka draf padat agar ditinjau.
Kurung di dalam string atau template literal bisa disalahartikan sebagai struktur, jadi sintaks kompleks lebih stabil di pemformat khusus. Pemformat JS/CSS ini tidak membangun AST, jadi tidak menerapkan urutan import, gaya kutip, atau aturan koma trailing. Hanya berjalan di peramban dan tidak mengunggah sumber. Paling cocok sebagai langkah pembantu untuk membuka cuplikan yang Anda minify, lalu tinjau. Keluaran format hanya mengisi kolom hanya-baca, jadi Anda bisa menjaga asli dan membandingkan berdampingan.
Contoh
Masukkan .box{color:red;margin:0} di sumber, mode CSS, dan Format: deklarasi diinden dua spasi pada baris setelah kurung buka, dan kurung tutup cocok dengan kedalaman asli. Dalam mode JavaScript, function a(){return 1;} menginden di dalam kurung dengan cara yang sama. Salin hasil mengambil kode yang sudah dibersihkan segera.
Terkait: Minifier JS/CSS · Pemformat HTML · Pemformat SQL
Pertanyaan umum
Apakah pemformat JS/CSS sama dengan Prettier?
Tidak. Hanya menginden menurut posisi kurung dan titik koma. Tidak ada aturan plugin atau parser per bahasa.
Apakah JavaScript dan CSS memakai algoritma berbeda di pemformat JS/CSS?
Hanya mode di layar yang berbeda; logika inden sama. Selektor dan fungsi sama-sama menghitung kedalaman kurung dengan cara yang sama.
Apakah pemformat JS/CSS membuka kode minify satu baris?
Jika ada kurung dan titik koma, baris terpecah. Ekspresi pendek tanpa titik koma bisa tetap satu baris.
Bisakah kurung di dalam string merusak inden pemformat JS/CSS?
Ya. Menghitung kurung karakter demi karakter, jadi simbol di dalam template string bisa dianggap struktur.
Apakah sumber pemformat JS/CSS disimpan di server?
Tidak. Format dan salin hanya di peramban. Reset mengosongkan kolom.
Apa yang terjadi pada mode setelah Reset pemformat JS/CSS?
Radio JavaScript dipilih lagi dan teks sumber serta hasil keduanya dikosongkan.
Terakhir ditinjau: 2026-09-04