ToolsMaxxing

Beautifier HTML, CSS, dan JS

Rapikan dan beri indentasi pada HTML, CSS, dan JavaScript yang diminify atau berantakan agar mudah dibaca lagi.

File Anda tetap di perangkat Anda

Cara kerjanya

  1. 1Pilih JavaScript, CSS, atau HTML.
  2. 2Tempel kode Anda, atau pilih Coba contoh.
  3. 3Pilih indentasi dan, untuk JavaScript, tanda kutip dan titik koma.
  4. 4Salin kode yang sudah diformat atau unduh.

Fungsi tiap opsi

Indentasi
Dua spasi, empat spasi, atau satu tab untuk setiap tingkat.
Kutip tunggal
Menulis string JavaScript dengan kutip tunggal bila memungkinkan.
Titik koma
Menambahkan titik koma di akhir pernyataan JavaScript, atau menghilangkannya.

Privasi

Semuanya berjalan di browser Anda. Apa yang Anda tempel tidak pernah dikirim ke server.

Pertanyaan yang sering diajukan

Formatter apa yang dipakai?

Prettier, formatter yang sama yang dijalankan banyak proyek saat menyimpan. Aturannya sudah ditetapkan, jadi hasilnya sama dengan proyek yang diformat Prettier, sesuai opsi yang Anda pilih.

Apakah beautify mengubah cara kerja kode?

Tidak. Yang berubah hanya spasi, baris baru, dan, untuk JavaScript, gaya kutip dan titik koma. Program berjalan sama seperti sebelumnya.

Apakah nama variabel asli bisa dikembalikan?

Tidak. Minifier membuang nama aslinya, jadi file yang sudah di-beautify lebih mudah dibaca tetapi a, b, dan c tetap a, b, dan c.

Mengapa muncul pesan galat?

Kode tidak dapat diurai. Pesan menyebutkan baris dan kolom beserta beberapa baris konteks. Perbaiki bagian itu dan hasilnya muncul lagi.

Apakah JSX atau TypeScript didukung?

JSX di dalam JavaScript diterima. TypeScript tidak didukung di alat ini.

Alat terkait