Ketika kita membuat kode HTML, apalagi kalau ada beberapa elemet yang kita ambil atau copy dari resource lain, terkadang syntax HTML yang di-paste menjadi berantakan. Kode HTML yang berantakan, dapat menyulitkan kita untuk identifikasi, dan edit elemenet tag tertentu.

Jika editor yang kita gunakan adalah Sublime, ada salah satu package di editor Sublime yang bisa membantu kita untuk merapihkan kode HTML kita dengan cepat. Package tersebut adalah HTMLBeautify.

Lalu, bagaimana cara install dan menggunakan package tersebut pada kodingan HTML kita?

Proses Instalasi

• Pada tutorial ini, menggunakan editor Sublime v3.2.2
• Tekan tombol CTRL+SHIFT+P untuk OS Windows/Linux atau CMD+SHIFT+P untuk Mac
• Kemudian, akan tampil kotak dialog pencarian. Ketikkan "Package Control: Install Package", lalu pilih dengan cara tekan enter

• Tunggu beberapa saat, sampai muncul kotak dialog lagi, kemudian ketikkan "HTMLBeautify", lalu tekan enter untuk mulai instalasi

• Untuk memastikan apakah sudah terinstall atau belum, pada bagian menu di editor Sublime, klik menu "Preferences", kemudian arahkan kursor ke "Package Settings", pastikan sudah ada package HTMLBeautify

Bagaimana Cara Menggunakannya?

• Untuk menggunakannya, silahkan blok semua kode HTML yang ingin dirapihkan
• Kemudian, arahkan kursor dan klikmenu "Edit" lalu, klik "Beautify HTML"

atau bisa juga dengan cara

• Blok semua kode HTML yang ingin dirapihkan
• Kemudian, tekan tombol pada keyboard CTRL+ALT+SHIFT+F

Package HTMLBeautify, hanya bisa merapihkan tag HTML saja. HTMLBeautify tidak bisa untuk merapihkan syntax lain seperti jquery, javascript atau PHP