HTML Entities Encoder & Decoder
Aman kan karakter HTML khusus agar aman disematkan dalam halaman web, atau balikkan prosesnya untuk mengurai referensi entitas kembali ke teks yang dapat dibaca. Mode entitas numerik opsional mengkodekan setiap karakter non-ASCII untuk memastikan kompatibilitas maksimal dengan sistem warisan, klien email, dan pengkodean karakter tertentu.
Apa yang dilakukan alat ini?
Alat HTML Entities menyediakan konversi dua arah antara karakter khusus dan representasi entitas HTML mereka. Pengkodean mengubah karakter seperti < > & " menjadi bentuk entitas (< > & ") agar ditampilkan dengan benar dalam HTML daripada diinterpretasikan sebagai markup. Penguraian membalik referensi entitas kembali ke karakter sebenarnya. Mode entitas numerik opsional (&#[decimal];) mengkodekan semua karakter non-ASCII, berguna untuk sistem yang tidak menangani UTF-8 dengan benar.
Cara kerjanya
Pengkodean menggunakan tabel pemetaan karakter untuk lima entitas XML/HTML penting dan bentuk namanya: & → &, < → <, > → >, " → ", ' → '. Saat mode numerik diaktifkan, karakter di luar rentang ASCII yang dapat dicetak dikonversi ke referensi entitas desimal &#NNNN;. Penguraian menggunakan regex untuk menemukan pola entitas (nama: &name; numerik: &#NN; atau &#xNN;) dan memetakannya kembali ke karakter Unicode melalui tabel entitas HTML dan parseInt untuk nilai numerik. Semua pemrosesan dilakukan di sisi klien tanpa interaksi server.
Fitur
- Kodekan < > & " ' ke entitas bernama
- Entitas numerik opsional (&#NN;) untuk non-ASCII
- Uraikan entitas bernama, desimal, dan heksadesimal kembali ke teks
- Konversi langsung saat Anda mengetik
- Pemrosesan 100% di sisi klien
- Menangani semua nama entitas HTML4 dan HTML5 standar
- Mempertahankan teks saat menyalin antar konteks
Cara menggunakan
- 1
Tempelkan input Anda
Masukkan teks biasa untuk dikodekan, atau teks HTML-escaped dengan entitas untuk diuraikan. Alat ini mendeteksi tipe konten secara otomatis atau Anda dapat mengubah mode secara manual.
- 2
Pilih encode atau decode
Pilih Encode untuk membuat teks aman untuk HTML, atau Decode untuk mengubah entitas kembali ke karakter yang dapat dibaca.
- 3
Aktifkan entitas numerik (encode)
Aktifkan entitas numerik untuk mengkodekan semua non-ASCII sebagai &#NNNN; — berguna untuk email atau sistem warisan yang mungkin merusak UTF-8.
- 4
Salin hasil
Ambil teks yang dikodekan untuk sumber HTML Anda, atau teks yang diuraikan untuk pembacaan dan pengeditan normal.
Kasus penggunaan umum
Sematkan kode dalam HTML
Kodekan < dan > dalam contoh kode agar ditampilkan dengan benar daripada diuraikan sebagai tag HTML oleh browser.
Persiapan konten email
Gunakan entitas numerik untuk HTML email guna memaksimalkan kompatibilitas dengan berbagai klien email yang menangani pengkodean karakter secara tidak konsisten.
Debugging konten yang diambil
Uraikan referensi entitas dalam konten yang diambil dari web untuk melihat teks sebenarnya, atau kodekan input pengguna sebelum menyisipkannya ke dalam template HTML.
Kompatibilitas sistem warisan
Kodekan ke entitas numerik untuk sistem yang tidak mendukung UTF-8 dengan benar, memastikan karakter ditampilkan dengan benar terlepas dari pengaturan pengkodean.
Tips & praktik terbaik
- Selalu kodekan & menjadi & terlebih dahulu dalam rantai pemrosesan — jika tidak, entitas yang sudah dikodekan seperti < akan menjadi &lt;
- Untuk web modern dengan charset=utf-8, entitas bernama untuk < > & " ' sudah cukup; entitas numerik untuk semua karakter biasanya tidak diperlukan
- HTML email mendapat manfaat dari entitas numerik karena penanganan UTF-8 yang tidak konsisten di berbagai klien email
- Lima entitas penting adalah: & (&), < (<), > (>), " ("), ' (') — kodekan ini untuk konteks HTML apa pun