HTML Escape/Parser: Cara Menampilkan Kode HTML di Postingan Blogger Tanpa Error

Kalau kamu menulis tutorial dan menempel kode HTML langsung ke postingan Blogger, hasilnya sering kacau. Kodenya malah dijalankan browser sebagai tampilan, bukan muncul sebagai teks contoh. Tool HTML Escape/Parser membantu mengatasinya dalam beberapa detik.

Langsung coba: buka tool HTML Escape/Parser. Gratis, tanpa daftar, dan diproses di browser kamu.

Kenapa kode harus di-escape?

Browser menganggap karakter seperti < dan > sebagai pembuka dan penutup tag. Supaya karakter itu tampil sebagai teks biasa, ia harus diganti dengan entitas HTML. Bentuk yang paling sering dipakai:

• < untuk tanda <
• > untuk tanda >
• & untuk tanda &
• " untuk tanda kutip ganda
• ' untuk tanda kutip tunggal

Cara memakai tool ini

1. Buka halaman tool, lalu pilih mode Escape.
2. Tempel kode di kolom input. Hasilnya langsung muncul di kolom hasil.
3. Centang Bungkus dengan pre dan code jika ingin kode tampil rapi dengan jarak spasi tetap.
4. Klik Salin hasil.
5. Di editor Blogger, pindah ke Tampilan HTML lalu tempel hasilnya.

Butuh sebaliknya? Pilih mode Unescape untuk mengembalikan teks berisi entitas menjadi kode aslinya.

Contoh

Kode asli:

<div class="kotak">Halo</div>

Setelah di-escape, yang kamu tempel ke Tampilan HTML adalah:

<div class="kotak">Halo</div>

Di halaman, pembaca akan melihat teks kode yang utuh, bukan kotak yang dirender.

Tips agar tidak salah

• Selalu tempel hasil escape di Tampilan HTML, bukan Tampilan Tulis. Mode tulis bisa mengubah isinya lagi.
• Jangan meng-escape dua kali. Kalau tampilan di blog memperlihatkan < apa adanya, artinya kode sudah diproses dua kali.
• Untuk kode yang panjang, bungkus dengan pre dan code agar lebih mudah dibaca dan disalin pembaca.

Pertanyaan umum

Apakah kode saya disimpan di server? Tidak. Semua diproses di browser kamu.

Apakah bisa untuk CSS dan JavaScript? Bisa. Tool ini mengubah karakter khusus apa pun, tanpa peduli bahasa kodenya.

Sudah siap mencoba? Buka tool HTML Escape/Parser dan lihat sendiri hasilnya.