Bagaimana saya mengekod aksara khas sebagai entiti HTML?

Pilih Kod, tampal teks atau HTML anda ke dalam input, dan output HTML berkod dikemas kini semasa anda menaip. Pilih entiti Bernama, Perpuluhan atau Heks, kemudian gunakan Salin. Kiraan menunjukkan berapa banyak aksara dikodkan.

Bagaimana saya menyahkod entiti HTML kembali kepada teks biasa?

Tukar ke Nyahkod dan tampal teks yang mengandungi entiti seperti & atau A. Alat ini menukar entiti bernama, perpuluhan dan heks kembali kepada aksara serta menunjukkan berapa banyak entiti dinyahkod.

Bagaimana saya mengekod huruf beraksen, emoji dan aksara bukan ASCII yang lain?

Hidupkan Kod semua aksara bukan ASCII. Setiap aksara di atas julat ASCII kemudian ditukar kepada entiti dalam gaya pilihan anda, bukan hanya aksara khas biasa seperti kurungan sudut dan ampersand.

Adakah pengekodan HTML mencukupi untuk mencegah XSS?

Mengekod teks pengguna sebelum meletakkannya dalam badan elemen HTML menghalang teg daripada dilayan sebagai markup. Ia bukan pertahanan penuh dalam setiap konteks, seperti skrip atau URL, jadi gunakan juga pelepasan rangka kerja anda.

Bolehkah saya menyemak hasil saya dengan menyahkodnya semula?

Ya. Gunakan butang Guna sebagai input untuk memindahkan output ke input, kemudian tukar mod. Menyahkod hasil yang dikodkan hendaklah memulangkan teks asal anda.

Adakah ia benar-benar percuma?

Ya. Setiap alat adalah percuma untuk digunakan, tanpa akaun dan tanpa kad kredit. Kerja dijalankan pada peranti anda dan bukannya pada pelayan kami, itulah yang menjadikannya percuma untuk dijalankan.

Adakah ia berfungsi pada peranti mudah alih?

Ya. Ia berjalan dalam pelayar mudah alih semasa di iOS dan Android, tanpa apa-apa untuk dipasang.

🏷️

Pengkod & Penyahkod HTML percuma

Kodkan aksara khas kepada entiti HTML atau nyahkod entiti kembali ke teks biasa. Segera, dalam pelayar anda.

Berjalan dalam pelayar andaTiada daftar, tiada tetingkap timbulTiada log masuk diperlukanPercuma selama-lamanya

Berfungsi luar talian selepas dimuatkan

Output:Entiti bernama (&)Entiti perpuluhan (&)HeksKodkan semua bukan-ASCII

Contoh:

Teks biasa / HTML

HTML yang dienekod

Output akan muncul di sini…

Rujukan entiti HTML biasa

©©

®®

™™

€€

——

……

Kegunaan biasa

Enkode Konten untuk Feed RSSEnkode konten HTML untuk deskripsi item feed RSS - diperlukan oleh standar RSS 2.0.
Sanitasi Input Pengguna untuk Output HTMLEnkode string yang disediakan pengguna sebelum memasukkannya ke HTML - cegah serangan injeksi XSS.
Enkod Aksara Khas untuk E-mel HTMLEnkod aksara seperti &, <, > dan © sebagai entiti HTML supaya ia dipaparkan dengan betul di semua pelanggan e-mel.
Enkod Kandungan Pengguna untuk Paparan WebCegah serangan XSS dengan mengenkod kandungan yang dijana pengguna sebelum memaparkannya di halaman HTML.
Enkod Kandungan untuk XMLEnkod aksara khas untuk fail XML, suapan RSS, peta laman dan muatan SOAP.

Cara ia berfungsi

Pengekodan dan penyahkodan HTML di sini berjalan sepenuhnya dalam pelayar anda menggunakan penggantian regex tulisan tangan dan jadual carian entiti-bernama berkod tetap — tiada pustaka pengekodan pihak ketiga, tiada pergi-balik pelayan. Untuk menyahkod entiti bernama tidak biasa (seperti á atau “), alat ini mendelegasikan kepada penghurai HTML pelayar sendiri sebagai sandaran sifar-kos.

1
Regex mengimbas aksara untuk digantikan
Semasa mengekod, satu daripada dua regex sedar-Unicode berjalan atas input anda: corak khusus meliputi ~25 aksara HTML-penting dan khas biasa, atau corak lebih luas yang menangkap setiap titik kod di atas U+007F. Setiap padanan dipintas aksara demi aksara.
2
Jadual carian atau codePointAt() menghasilkan entiti
Untuk output entiti-bernama, aksara padanan dicari dalam jadual berkod tetap (cth. & → &, © → ©). Untuk output perpuluhan atau heks, String.codePointAt() mendapatkan titik kod Unicode dan memformatnya sebagai &#NNN; atau &#xNNN; — pasangan surogat dikendalikan dengan betul kerana regex menggunakan bendera 'u' Unicode.
3
Satu pas regex menyahkod entiti kembali kepada aksara
Semasa menyahkod, satu pas regex mengenal pasti semua token entiti (&, A, A, dll.) dan melaluikan setiap satu ke pengendali yang betul: parseInt heks (tapak 16), Number() perpuluhan, carian-balik bernama, atau — untuk mana-mana entiti tiada dalam jadual berkod tetap — elemen textarea yang innerHTMLnya dihurai pelayar secara asli, mengembalikan aksara betul daripada jadual entiti terbina dalam pelayar.
4
Hasil muncul serta-merta; salin ke papan keratan melalui Clipboard API
Output dikira semula secara segerak pada setiap ketukan kekunci melalui React useMemo. Menyalin menggunakan navigator.clipboard.writeText() — Clipboard API async moden — dengan tangkapan senyap untuk konteks terhad.