perapih kode

Gunakan perapih kode di Ali Hub DevTools dengan validasi, hasil, informasi privasi, dan batas yang terdokumentasi.

Format kode sumber yang didukung dengan indentasi mudah dibaca dan tinjau sintaks, komentar, serta batas keluaran.

Make HTML structure easier to inspect

Alat ini menata ulang kode sumber dengan baris, spasi, dan indentasi agar mudah dibaca. Ini hanya mengubah tampilan; tidak memvalidasi atau menjalankan kode.

Alat ini menata ulang kode sumber dengan baris, spasi, dan indentasi agar mudah dibaca. Ini hanya mengubah tampilan; tidak memvalidasi atau menjalankan kode. Compare the formatted result with the original source.

Formatting is not HTML validation

Beautifier membaca blok, daftar, deklarasi, string, dan komentar lalu membuat tata letak konsisten. Grammar dan opsi bahasa menentukan hasil; sintaks yang tidak didukung dapat salah dibaca.

Beautifier membaca blok, daftar, deklarasi, string, dan komentar lalu membuat tata letak konsisten. Grammar dan opsi bahasa menentukan hasil; sintaks yang tidak didukung dapat salah dibaca. Compare the formatted result with the original source.

How to format HTML

Pilih bahasa, tempel kode, pilih gaya, jalankan format, lalu bandingkan dengan sumber. Periksa string, komentar, regex, kode tertanam, dan source map. Gunakan formatter proyek untuk build.
Pilih bahasa, tempel kode, pilih gaya, jalankan format, lalu bandingkan dengan sumber. Periksa string, komentar, regex, kode tertanam, dan source map. Gunakan formatter proyek untuk build. Compare the formatted result with the original source.
Pilih bahasa, tempel kode, pilih gaya, jalankan format, lalu bandingkan dengan sumber. Periksa string, komentar, regex, kode tertanam, dan source map. Gunakan formatter proyek untuk build. Compare the formatted result with the original source.

Formatting method

Read markup structure
Formatter men-tokenisasi atau mem-parsing kode, mengikuti nesting dan area terlindungi, lalu menghasilkan teks terformat. Versi parser, dialek, dan bahasa tertanam memengaruhi hasil.
Apply indentation
Formatter men-tokenisasi atau mem-parsing kode, mengikuti nesting dan area terlindungi, lalu menghasilkan teks terformat. Versi parser, dialek, dan bahasa tertanam memengaruhi hasil.
Preserve content
Formatter men-tokenisasi atau mem-parsing kode, mengikuti nesting dan area terlindungi, lalu menghasilkan teks terformat. Versi parser, dialek, dan bahasa tertanam memengaruhi hasil.

Exact parser recovery, optional-tag handling, whitespace policy, embedded-language behavior, and error wording should be c...

Read the formatted result

Hasil baik memiliki indentasi stabil, blok jelas, serta string dan komentar utuh. Formatting tidak membuktikan validitas atau kesetaraan semantik. Jalankan parser, linter, test, dan build bila perlu.

Hasil baik memiliki indentasi stabil, blok jelas, serta string dan komentar utuh. Formatting tidak membuktikan validitas atau kesetaraan semantik. Jalankan parser, linter, test, dan build bila perlu. Compare the formatted result with the original source.

Kesalahan umum

Kesalahan umum adalah memilih bahasa salah, mengubah data sensitif whitespace, menghapus komentar lisensi, dan menerima diff besar tanpa meninjaunya.

Kesalahan umum adalah memilih bahasa salah, mengubah data sensitif whitespace, menghapus komentar lisensi, dan menerima diff besar tanpa meninjaunya. Compare the formatted result with the original source.

Batasan dan kasus khusus

Alat ini tidak menjamin semua dialek atau gaya proyek. Tetapkan konfigurasi dan periksa diff.

Alat ini tidak menjamin semua dialek atau gaya proyek. Tetapkan konfigurasi dan periksa diff. Compare the formatted result with the original source.

Examples

Code Beautifier online — 1

Apa fungsi Code Beautifier?

Pilih bahasa, tempel kode, pilih gaya, jalankan format, lalu bandingkan dengan sumber. Periksa string, komentar, regex, kode tertanam, dan source map. Gunakan formatter proyek untuk build.

Hasil baik memiliki indentasi stabil, blok jelas, serta string dan komentar utuh. Formatting tidak membuktikan validitas atau kesetaraan semantik. Jalankan parser, linter, test, dan build bila perlu.

Code Beautifier online — 2

Apakah memvalidasi kode?

Pilih bahasa, tempel kode, pilih gaya, jalankan format, lalu bandingkan dengan sumber. Periksa string, komentar, regex, kode tertanam, dan source map. Gunakan formatter proyek untuk build.

Hasil baik memiliki indentasi stabil, blok jelas, serta string dan komentar utuh. Formatting tidak membuktikan validitas atau kesetaraan semantik. Jalankan parser, linter, test, dan build bila perlu.

Code Beautifier online — 3

Dapat mengubah perilaku?

Pilih bahasa, tempel kode, pilih gaya, jalankan format, lalu bandingkan dengan sumber. Periksa string, komentar, regex, kode tertanam, dan source map. Gunakan formatter proyek untuk build.

Hasil baik memiliki indentasi stabil, blok jelas, serta string dan komentar utuh. Formatting tidak membuktikan validitas atau kesetaraan semantik. Jalankan parser, linter, test, dan build bila perlu.

Code Beautifier online — 4

Apakah komentar dipertahankan?

Pilih bahasa, tempel kode, pilih gaya, jalankan format, lalu bandingkan dengan sumber. Periksa string, komentar, regex, kode tertanam, dan source map. Gunakan formatter proyek untuk build.

Hasil baik memiliki indentasi stabil, blok jelas, serta string dan komentar utuh. Formatting tidak membuktikan validitas atau kesetaraan semantik. Jalankan parser, linter, test, dan build bila perlu.

Code Beautifier online — 5

Apakah semua bahasa didukung?

Pilih bahasa, tempel kode, pilih gaya, jalankan format, lalu bandingkan dengan sumber. Periksa string, komentar, regex, kode tertanam, dan source map. Gunakan formatter proyek untuk build.

Hasil baik memiliki indentasi stabil, blok jelas, serta string dan komentar utuh. Formatting tidak membuktikan validitas atau kesetaraan semantik. Jalankan parser, linter, test, dan build bila perlu.

Code Beautifier online — 6

Mengapa baris berubah?

Pilih bahasa, tempel kode, pilih gaya, jalankan format, lalu bandingkan dengan sumber. Periksa string, komentar, regex, kode tertanam, dan source map. Gunakan formatter proyek untuk build.

Hasil baik memiliki indentasi stabil, blok jelas, serta string dan komentar utuh. Formatting tidak membuktikan validitas atau kesetaraan semantik. Jalankan parser, linter, test, dan build bila perlu.