Langsung ke konten
ToolMug

Format dan Rapikan HTML

Buat HTML kembali mudah dibaca. Formatter ini mengindentasi elemen bersarang, membungkus daftar atribut yang panjang, dan juga memformat CSS serta JavaScript di dalam tag style dan script.

Berjalan di browser Anda — tidak ada yang Anda masukkan yang diunggah

Cara menggunakan

  1. Tempel kode HTML Anda.
  2. Pilih HTML atau Vue, indentasi dan lebar baris.
  3. Klik “Format”, atau tekan Ctrl+Enter (⌘+Enter di Mac).
  4. Salin markup yang sudah dirapikan.

Penjelasan opsi

Lebar baris
Elemen dengan banyak atribut dipecah menjadi satu atribut per baris jika melebihi lebar ini.
Vue
Memformat single-file component .vue — blok template, script dan style.

Contoh

Template email. Tempel email HTML satu baris untuk melihat struktur tabelnya dengan indentasi.

Source halaman yang disalin. Format source sebuah halaman untuk menemukan bagian yang Anda perlukan.

Pertanyaan yang sering diajukan

Mengapa sebagian teks tetap dalam satu baris?

Di HTML, menambahkan spasi di antara elemen inline bisa mengubah tampilan halaman. Formatter menghormati display CSS setiap elemen dan tidak menambahkan spasi yang akan terlihat di layar.

Apakah HTML yang tidak valid ikut diperbaiki?

Formatter menambahkan tag penutup yang boleh dihilangkan di HTML, seperti </li> dan </p>. Tag yang ditutup dengan urutan salah menghasilkan error beserta baris dan kolomnya, sehingga Anda bisa memperbaikinya di sumbernya.

Apakah kode saya diunggah?

Tidak. Semuanya berjalan di browser Anda.

Privasi

Alat ini berjalan sepenuhnya di browser Anda. File dan teks Anda diproses di perangkat Anda dan tidak pernah diunggah ke server kami.

Alat terkait