Decoder Entitas HTML Gratis — Unescape HTML

Apa Itu Decoding Entitas HTML?

// Decoding is the inverse of escaping. The classic round-trip:
//   &lt;  →  <     &gt;  →  >     &amp;  →  &     &quot;  →  "     &#x27;  →  '

// Browser — the safest decoder is the platform itself. Use textarea, NOT innerHTML on a live node,
// so the decoded markup is never executed.
function decodeHtml(str) {
  const ta = document.createElement('textarea');
  ta.innerHTML = str;        // the parser resolves entities into text
  return ta.value;           // .value is plain text — no script runs
}

decodeHtml('&lt;div&gt; &amp; &copy;');   // → '<div> & ©'
decodeHtml('&#60;&#x3E;');                // → '<>'
decodeHtml('&#x1F600;');                 // → '😀'
decodeHtml('&copy 2026');                // → '© 2026'  (lenient, no semicolon)

// ---------------------------------------------------------------
// SECURITY: decoded text is unescaped. Never do this with untrusted input:
//   el.innerHTML = decodeHtml(userInput);   // ❌ reopens the XSS hole
// If the decoded value must be displayed, re-escape it in its destination context first,
// or assign it as text:
//   el.textContent = decodeHtml(userInput); // ✅ shown as literal text

// ---------------------------------------------------------------
// Node.js (no DOM) — use a tested library such as he:
//   import { decode } from 'he';
//   decode('&lt;div&gt; &amp; &copy;');     // → '<div> & ©'

Fitur Utama

Contoh Terkerjakan

<div> & ©

<div> & ©

<>

<>

&copy 2026

© 2026

😀

😀

<a href="x">Tom & Jerry's</a>

<a href="x">Tom & Jerry's</a>

Cara Memakai HTML Entity Decoder

1. 1

   Tempel string ter-escape

   Jatuhkan teks penuh entitas HTML ke kotak input. Karakter ter-decode diperbarui secara langsung saat Anda mengetik — tidak ada tombol kirim dan tidak ada yang dikirim ke mana pun.

2. 2

   Baca hasil ter-decode

   Referensi named, desimal, dan heksadesimal semuanya diselesaikan secara otomatis menjadi karakter yang diwakilinya, termasuk emoji dan titik kode astral-plane lain. Tidak perlu pemilihan format — decoder mendeteksi jenis setiap referensi.

3. 3

   Salin teks ter-decode

   Klik Salin untuk menaruh karakter yang dipulihkan ke clipboard Anda, siap ditempel ke editor, basis data, atau alat lain. Bersihkan mereset kedua panel untuk string berikutnya.

4. 4

   Escape ulang sebelum menampilkan ulang teks tidak tepercaya

   Jika output ter-decode akan dirender kembali ke halaman web dan sebagian berasal dari sumber tidak tepercaya, escape lagi lebih dulu dengan encoder untuk menghindari membuka kembali celah XSS.

5. 5

   Butuh encode sebagai gantinya? Tukar arah

   Gunakan Tukar arah untuk beralih ke HTML Entity Encoder saat Anda ingin mengubah karakter mentah menjadi entitas.

Kesalahan Umum Decoding HTML

el.innerHTML = decode(userInput)  →  script runs (XSS)

el.textContent = decode(userInput)  →  shown as text

<  decoded once  →  <  (still an entity)

&amp;lt;  decoded twice  →  <

HTML-decode "%3Cdiv%3E"  →  unchanged, still percent-encoded

URL-decode "%3Cdiv%3E"  →  <div>

regex for &name; only  →  😀 left undecoded

full decoder  →  😀 becomes 😀

decoded é into a Latin-1 file  →  é mojibake

decoded é into a UTF-8 file  →  é

strict parse of "&copy 2026"  →  &copy 2026 literal

lenient parse of "&copy 2026"  →  © 2026

Siapa yang Memakai Alat Ini

Membaca Markup yang Disimpan dalam Bentuk Ter-escape

Menarik fragmen HTML dari basis data, log, atau field JSON tempat ia disimpan sebagai <div>…? Decode untuk melihat dan mengedit markup sebenarnya alih-alih menyipitkan mata ke tembok entitas.

Men-debug Teks Ter-encode Ganda

Melihat &lt; pada halaman langsung di mana seharusnya <? Tempel di sini untuk memastikan ia ter-encode ganda, decode dua kali untuk memulihkan aslinya, dan telusuri escape duplikat kembali ke sumbernya dalam pipeline Anda.

Mengekstrak Teks Biasa dari Cuplikan HTML

Butuh teks yang dapat dibaca manusia dari badan email atau field CMS yang ter-escape? Decode entitas untuk memulihkan karakter sebenarnya sebelum Anda mengindeks, mencari, atau menampilkan konten di tempat lain.

Memulihkan Karakter dari Data Hasil Scrape atau Ekspor

Ekspor dan scraper sering mengirim konten dengan entitas utuh. Decode &, é, dan kawan-kawan kembali menjadi karakternya agar data bersih sebelum masuk ke sistem Anda sendiri.

Memverifikasi Output Encoder Ber-round-trip

Setelah meng-escape string dengan encoder, decode di sini untuk memastikan Anda mendapatkan aslinya kembali tanpa berubah. Round-trip yang bersih membuktikan escape Anda benar dan dapat dibalik.

Menyelesaikan Entitas Misteri

Bingung apa sebenarnya ™ atau …? Tempel dan baca karakter ter-decode-nya, atau lihat tabel referensi cepat terpasang — tak perlu menghafal tabel entitas.

Men-decode Markup Lawas dengan Aman

Bekerja dengan HTML lama yang memakai entitas tanpa titik koma seperti &copy atau &nbsp secara tidak konsisten? Decoder longgar memulihkan karakter yang dimaksud seperti yang akan dilakukan browser sungguhan, sehingga pembersihan Anda cocok dengan apa yang pengguna sebenarnya lihat.

Cara Kerja Decoder

Menyelesaikan Ketiga Bentuk Referensi

Decoder mencocokkan referensi bernama terhadap tabel karakter-bernama HTML5 lengkap, mem-parse referensi desimal (&#NNN;) sebagai titik kode basis-10, dan mem-parse referensi heksadesimal (&#xHHH;) sebagai titik kode basis-16. Masing-masing menjadi karakter Unicode-nya; ketiga bentuk dapat dipertukarkan pada input.

Rekonstruksi Astral-Plane

Referensi numerik yang titik kodenya melebihi U+FFFF — sebagian besar emoji dan banyak simbol — diubah menjadi pasangan surrogate yang benar agar karakter dirender sebagai satu glif. 😀 menjadi 😀, bukan dua karakter-separuh yang rusak.

Penanganan Entitas Lawas yang Longgar

Subkumpulan entitas bernama terdefinisi secara historis muncul tanpa titik koma penutup, dan browser masih menyelesaikannya. Decoder mencerminkan perilaku ini — &copy 2026 menghasilkan © 2026 — cocok dengan rendering browser sungguhan alih-alih parser XML ketat.

Idempoten pada Teks Biasa

Karakter yang bukan bagian dari referensi yang dikenali, termasuk teks non-ASCII mentah yang sudah ada di input, lewat tanpa tersentuh. Men-decode string tanpa entitas mengembalikannya tanpa berubah, sehingga operasi aman dijalankan pada konten campuran.

Output Ter-decode Tidak Ter-escape

Decoding adalah kebalikan dari escape pelindung-XSS, sehingga hasilnya adalah markup hidup lagi. Alat menonjolkan ini agar Anda tidak menyisipkan teks ter-decode tidak tepercaya ke halaman dengan innerHTML — escape ulang dalam konteks tujuannya sebelum merender.

Lokal di Browser, Nol Jaringan

Decoding berjalan sinkron dalam JavaScript di thread utama; tidak ada panggilan API, tidak ada bolak-balik server, dan tidak ada persistensi. Input tidak pernah meninggalkan halaman, yang bisa Anda konfirmasi dengan mengamati panel Network kosong saat Anda mengetik.

Praktik Terbaik Unescape HTML

Jangan Pernah Render Teks Ter-decode Tidak Tepercaya Langsung

Output ter-decode adalah markup tidak ter-escape. Jika sebagian berasal dari pengguna atau sumber eksternal, escape ulang sebelum menyisipkannya ke halaman, atau tetapkan melalui textContent alih-alih innerHTML. Melewatkan ini membuka kembali celah cross-site-scripting yang dimaksudkan ditutup oleh escape.

Decode dalam Urutan Terbalik dari Encoding

Sebuah nilai mungkin di-encode HTML, lalu di-encode URL, lalu di-encode Base64. Bongkar lapisannya dalam urutan terbalik dari penerapannya — dan gunakan alat yang cocok untuk masing-masing: ini untuk entitas, URL decoder untuk percent-encoding, alat Base64 untuk base64.

Decode Sekali, Bukan Secara Refleks

Jika satu decode meninggalkan entitas terlihat seperti <, input ter-encode ganda — decode lagi untuk memulihkan aslinya, lalu perbaiki pipeline hulu agar teks di-escape tepat sekali. Jangan berputar membabi buta; pahami mengapa lapisan ekstra itu ada.

Sajikan Hasil sebagai UTF-8

Men-decode referensi numerik menghasilkan karakter Unicode sebenarnya — aksen, simbol, emoji. Pastikan halaman, file, atau field yang menerima teks ter-decode adalah UTF-8, atau karakter yang dipulihkan akan tampil sebagai mojibake.

Utamakan Pustaka Teruji dalam Kode Aplikasi

Untuk konversi sekali pakai alat ini ideal; dalam produksi, decode dengan pustaka yang teruji baik (he di Node, parser bawaan browser via textarea terpisah) alih-alih regex rakitan sendiri, yang rutin melewatkan referensi numerik, karakter astral, dan entitas lawas.

Pertanyaan yang Sering Diajukan