Bagaimana cara mengenkode karakter khusus sebagai entitas HTML?

Pilih Encode, tempel teks atau HTML ke input, dan keluaran Encoded HTML diperbarui saat Anda mengetik. Pilih entitas Named, Decimal, atau Hex, lalu gunakan Copy. Penghitung menunjukkan berapa karakter yang dienkode.

Bagaimana cara mendekode entitas HTML kembali menjadi teks biasa?

Beralih ke Decode dan tempel teks yang berisi entitas seperti & atau A. Alat mengubah entitas bernama, desimal, dan heks kembali menjadi karakter dan menampilkan berapa entitas yang didekode.

Bagaimana cara mengenkode huruf beraksen, emoji, dan karakter non-ASCII lainnya?

Aktifkan Encode all non-ASCII. Setiap karakter di luar rentang ASCII kemudian diubah menjadi entitas dengan gaya pilihan Anda, bukan hanya karakter khusus umum seperti tanda kurung sudut dan ampersand.

Apakah pengodean HTML cukup untuk mencegah XSS?

Mengenkode teks pengguna sebelum ditempatkan di isi elemen HTML mencegah tag diperlakukan sebagai markup. Ini bukan pertahanan penuh di setiap konteks, seperti skrip atau URL, jadi gunakan juga escaping dari framework Anda.

Bisakah saya memeriksa hasilnya dengan mendekodenya lagi?

Bisa. Gunakan tombol Use as input untuk memindahkan keluaran ke input, lalu ganti mode. Mendekode hasil yang dienkode seharusnya mengembalikan teks asli Anda.

Apakah benar-benar gratis?

Ya. Setiap alat gratis digunakan, tanpa akun dan tanpa kartu kredit. Prosesnya berjalan di perangkat Anda, bukan di server kami, itulah yang membuatnya tetap gratis.

Apakah berfungsi di mobile?

Ya. Berjalan di browser seluler terbaru di iOS dan Android, tanpa perlu memasang apa pun.

🏷️

Enkoder & Dekoder HTML gratis

Enkode karakter khusus ke entitas HTML atau dekode entitas kembali ke teks biasa. Seketika, di browser Anda.

Berjalan di browser AndaTanpa daftar, tanpa pop-upTidak perlu loginGratis selamanya

Berfungsi offline setelah dimuat

Output:Entitas bernama (&)Entitas desimal (&)HexKodekan semua non-ASCII

Contoh:

Teks biasa / HTML

HTML yang di-encode

Output akan muncul di sini...

Referensi entitas HTML umum

©©

®®

™™

€€

——

……

Penggunaan umum

Encode Konten untuk Feed RSSEncode konten HTML untuk deskripsi item feed RSS — diperlukan oleh standar RSS 2.0.
Sanifikasi Input Pengguna untuk Keluaran HTMLEncode string yang disediakan pengguna sebelum memasukkannya ke HTML — mencegah serangan injeksi XSS.
Enkode Karakter Khusus untuk Email HTMLEnkode karakter seperti &, <, >, dan © sebagai entitas HTML sehingga ditampilkan dengan benar di semua klien email.
Enkode Konten Pengguna untuk Tampilan WebCegah serangan XSS dengan mengenkode konten buatan pengguna sebelum merender di halaman HTML.
Enkode Konten untuk XMLEnkode karakter khusus untuk file XML, umpan RSS, peta situs, dan muatan SOAP.

Cara kerja

Pengodean dan pendekodean HTML di sini berjalan sepenuhnya di browser Anda menggunakan penggantian regex tulisan tangan dan tabel pencarian entitas bernama tetap — tanpa library pengodean pihak ketiga, tanpa perjalanan pulang-pergi server. Untuk mendekode entitas bernama yang tidak umum (seperti á atau “), alat ini mendelegasikan ke parser HTML browser sendiri sebagai fallback tanpa biaya.

1
Regex memindai karakter untuk diganti
Saat mengodekan, salah satu dari dua regex sadar-Unicode berjalan pada masukan Anda: pola bertarget yang mencakup ~25 karakter umum yang signifikan bagi HTML dan karakter khusus, atau pola lebih luas yang menangkap setiap code point di atas U+007F. Setiap kecocokan dicegat karakter demi karakter.
2
Tabel pencarian atau codePointAt() menghasilkan entitas
Untuk keluaran entitas-bernama, karakter yang cocok dicari dalam tabel tetap (misalnya & → &, © → ©). Untuk keluaran desimal atau heksa, String.codePointAt() mendapatkan code point Unicode dan memformatnya sebagai &#NNN; atau &#xNNN; — pasangan surrogate ditangani dengan benar karena regex menggunakan flag Unicode 'u'.
3
Regex satu-lintasan mendekode entitas kembali ke karakter
Saat mendekode, satu lintasan regex mengidentifikasi semua token entitas (&, A, A, dll.) dan merutekan masing-masing ke penangan yang tepat: parseInt basis-16 heksa, Number() desimal, pencarian-balik bernama, atau — untuk entitas apa pun yang tidak ada di tabel tetap — elemen textarea yang innerHTML-nya diurai secara native oleh browser, mengembalikan karakter yang benar dari tabel entitas bawaan browser.
4
Hasil muncul instan; salin ke clipboard via Clipboard API
Keluaran dihitung ulang secara sinkron setiap ketukan tombol via React useMemo. Menyalin menggunakan navigator.clipboard.writeText() — Clipboard API asinkron modern — dengan penangkapan senyap untuk konteks terbatas.