Enkoder & Dekoder Entitas HTML

Enkode karakter khusus menjadi entitas HTML dan dekode kembali — di browser Anda.

Cara menggunakan

  1. Tempel teks atau potongan HTML Anda di kolom input — contoh kode, teks beraksen, simbol, apa saja.
  2. Klik "Enkode" untuk mengubah &, <, >, " dan ' menjadi entitas (centang kotaknya untuk juga mengonversi semua karakter non-ASCII ke bentuk numerik), atau "Dekode" untuk menerjemahkan entitas kembali menjadi karakter biasa.
  3. Salin atau unduh hasilnya. Semuanya berjalan di browser Anda — tidak ada yang dikirim ke server mana pun.

Tentang alat ini

Entitas HTML adalah mekanisme escape-nya web: urutan seperti &amp;, &lt;, dan &#233; yang memungkinkan halaman menampilkan karakter yang jika tidak akan ditafsirkan sebagai markup atau tidak tersedia dalam encoding dokumen. Kapan pun Anda perlu menampilkan contoh kode di dalam halaman, menaruh teks pengguna ke dalam atribut, atau menempel konten ke sistem yang merusak aksen dan simbol, enkode adalah jawabannya — dan saat Anda menerima teks penuh &nbsp; dan &#39; dari scraper, feed, atau dump database, dekode mengembalikannya menjadi karakter yang terbaca.

Enkoder selalu mengonversi lima karakter yang penting untuk keamanan dan kebenaran — &, <, >, kutip ganda dan kutip tunggal — dengan mengganti apostrof ke bentuk numerik &#39; karena bentuk bernama &apos; tidak terdefinisi di HTML 4. Sebuah kotak centang opsional juga mengonversi setiap karakter di atas rentang ASCII menjadi entitas numerik (&#233; untuk é, &#128512; untuk 😀), memasangkan paruh surrogate dengan benar sehingga emoji menjadi satu code point, bukan dua angka rusak. Dekoder bekerja ke arah sebaliknya dengan tabel tertanam berisi sekitar 250 entitas bernama dari standar HTML 4 — dari &nbsp; dan &copy; sampai huruf Yunani dan panah — plus semua entitas numerik dalam bentuk desimal (&#233;) maupun heksadesimal (&#x1F600;).

Nama HTML5 yang lebih langka di luar tabel diselesaikan lewat elemen browser yang terlepas, sehingga praktis semua entitas valid terdekode dengan benar, sementara urutan yang cacat atau mustahil (seperti code point surrogate) dibiarkan utuh alih-alih dirusak. Baris status memberi tahu persis berapa banyak penggantian yang dilakukan — pemeriksaan cepat yang berguna saat membersihkan blok teks besar. Semuanya terjadi secara lokal dalam JavaScript: konten Anda tidak pernah diunggah, dicatat, atau disimpan di mana pun.

Pertanyaan yang sering diajukan

Kapan saya sebaiknya mengenkode karakter menjadi entitas HTML?

Enkode kapan pun teks akan ditempatkan di dalam HTML dan tidak boleh ditafsirkan sebagai markup: contoh kode di halaman, input pengguna yang dipantulkan ke atribut, atau simbol yang rusak di encoding lawas. Lima karakter kritisnya adalah &, <, >, " dan '.

Apa beda entitas bernama dan entitas numerik?

Entitas bernama memakai mnemonik (&copy; untuk ©) dan hanya ada untuk daftar karakter tetap; entitas numerik merujuk code point Unicode mana pun secara langsung, dalam desimal (&#169;) atau heksadesimal (&#xA9;). Browser memperlakukan keduanya identik.

Mengapa enkoder menghasilkan &#39; alih-alih &apos;?

Karena &apos; bukan bagian dari HTML 4, sehingga parser sangat lama dan sebagian klien e-mail tidak memahaminya. Bentuk numerik &#39; menampilkan apostrof di mana pun — itulah sebabnya ia menjadi konvensi yang aman.

Apakah dekoder menangani emoji dan entitas heksadesimal?

Ya. Ia mendekode entitas numerik desimal dan heksadesimal di seluruh rentang Unicode, termasuk karakter astral seperti &#x1F600; (😀), dan membangunnya kembali sebagai pasangan surrogate yang benar dalam string JavaScript.

Apakah teks saya keluar dari browser?

Tidak. Enkode dan dekode berjalan 100% dalam JavaScript di perangkat Anda. Tidak ada yang dikirim, dicatat, atau disimpan di server mana pun.

Alat terkait

Tautan panjang? Perpendek secara gratis

Vai.la mengubah URL apa pun menjadi tautan pendek dengan statistik klik, QR Code, dan biolink Anda sendiri.

Vai.la tidak bertanggung jawab atas cara alat-alat ini digunakan maupun atas keputusan yang diambil berdasarkan hasilnya.