Ücretsiz HTML Varlık Çözücü — HTML Unescape

HTML Varlık Çözme Nedir?

// 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> & ©'

Öne Çıkan Özellikler

Çözümlü Örnekler

<div> & ©

<div> & ©

<>

<>

&copy 2026

© 2026

😀

😀

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

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

HTML Varlık Çözücü Nasıl Kullanılır

1. 1

   Escape edilmiş dizeyi yapıştırın

   HTML varlıklarıyla dolu metni giriş kutusuna bırakın. Çözülmüş karakterler siz yazdıkça canlı güncellenir — gönder düğmesi yoktur ve hiçbir yere bir şey gönderilmez.

2. 2

   Çözülmüş sonucu okuyun

   Adlı, ondalık ve on altılık referansların tümü, emoji ve diğer astral düzlem kod noktaları dahil, temsil ettikleri karakterlere otomatik çözülür. Biçim seçimi gerekmez — çözücü her referansın türünü algılar.

3. 3

   Çözülmüş metni kopyalayın

   Kurtarılan karakterleri panonuza koymak için Kopyala'ya tıklayın; bir düzenleyiciye, bir veritabanına ya da başka bir araca yapıştırmaya hazırdır. Temizle, bir sonraki dize için her iki bölmeyi de sıfırlar.

4. 4

   Güvenilmeyen metni yeniden göstermeden önce tekrar escape edin

   Çözülmüş çıktı bir web sayfasına geri işlenecekse ve herhangi bir kısmı güvenilmeyen bir kaynaktan geliyorsa, bir XSS açığını yeniden açmamak için önce onu kodlayıcıyla tekrar escape edin.

5. 5

   Bunun yerine kodlamak mı gerekiyor? Yönü değiştirin

   Ham karakterleri varlıklara çevirmek istediğinizde HTML Varlık Kodlayıcı'ya geçmek için Yönü değiştir'i kullanın.

Yaygın HTML Çözme Hataları

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

Bu Aracı Kimler Kullanır

Escape Edilmiş Biçimde Saklanan İşaretlemeyi Okuyun

Bir veritabanından, bir günlükten ya da <div>… olarak kaydedilmiş bir JSON alanından bir HTML parçacığı mı çektiniz? Bir varlık duvarına gözlerinizi kısarak bakmak yerine gerçek işaretlemeyi görüp düzenlemek için onu çözün.

Çift Kodlanmış Metni Ayıklayın

< olması gereken canlı bir sayfada &lt; mi görüyorsunuz? Çift kodlandığını doğrulamak için onu buraya yapıştırın, özgününü kurtarmak için iki kez çözün ve yinelenen escape'i boru hattınızdaki kaynağına kadar izleyin.

HTML Parçacıklarından Düz Metin Çıkarın

Escape edilmiş bir e-posta gövdesinden ya da CMS alanından okunabilir metni mi almanız gerekiyor? İçeriği başka yerde indekslemeden, aramadan ya da göstermeden önce gerçek karakterleri kurtarmak için varlıkları çözün.

Kazınmış veya Dışa Aktarılmış Verilerden Karakterleri Kurtarın

Dışa aktarmalar ve kazıyıcılar içeriği genellikle varlıklar yerinde teslim eder. Veri kendi sistemlerinize girmeden önce temiz olsun diye &, é ve benzerlerini tekrar karakterlerine çözün.

Bir Kodlayıcının Çıktısının Gidiş-Dönüş Yaptığını Doğrulayın

Bir dizeyi kodlayıcıyla escape ettikten sonra, özgününü değişmeden geri aldığınızı onaylamak için onu burada çözün. Temiz bir gidiş-dönüş, escape'inizin doğru ve geri alınabilir olduğunu kanıtlar.

Bir Gizem Varlığını Çözün

™ ya da … karakterinin gerçekte ne olduğunda mı takıldınız? Onu yapıştırın ve çözülmüş karakteri okuyun ya da yerleşik hızlı başvuru tablosuna bakın — varlık tablolarını ezberlemeye gerek yok.

Eski İşaretlemeyi Güvenle Çözün

&copy ya da &nbsp gibi noktalı virgülsüz varlıkları tutarsız kullanan eski HTML ile mi çalışıyorsunuz? Hoşgörülü çözücü, amaçlanan karakterleri gerçek bir tarayıcının yapacağı gibi kurtarır, böylece temizliğiniz kullanıcıların gerçekte gördüğüyle örtüşür.

Çözücü Nasıl Çalışır

Üç Referans Biçiminin Tümünü Çözer

Çözücü adlı referansları tam HTML5 adlı karakter tablosuyla eşleştirir, ondalık referansları (&#NNN;) 10 tabanlı kod noktaları olarak ayrıştırır ve on altılık referansları (&#xHHH;) 16 tabanlı kod noktaları olarak ayrıştırır. Her biri Unicode karakterine çözülür; üç biçim girdide birbirinin yerine geçer.

Astral Düzlem Yeniden Oluşturma

Kod noktası U+FFFF'i aşan sayısal referanslar — çoğu emoji ve birçok simge — karakterin tek bir glif olarak işlenmesi için doğru vekil çiftine dönüştürülür. 😀, iki bozuk yarım karakter değil 😀 olur.

Hoşgörülü Eski Varlık İşleme

Tanımlı bir adlı varlık alt kümesi tarihsel olarak sondaki noktalı virgül olmadan görünürdü ve tarayıcılar bunları hâlâ çözer. Çözücü bu davranışı yansıtır — &copy 2026, © 2026 verir — katı bir XML ayrıştırıcısı yerine gerçek bir tarayıcının işlemesiyle eşleşerek.

Düz Metinde Idempotent

Tanınan bir referansın parçası olmayan karakterler, girdide zaten bulunan ham ASCII dışı metin dahil, dokunulmadan geçer. Hiç varlık içermeyen bir dizeyi çözmek onu değişmeden döndürür, böylece işlem karışık içerikte çalıştırmak için güvenlidir.

Çözülmüş Çıktı Unescape Edilmiştir

Çözme, XSS koruyucu escape'in tersidir, dolayısıyla sonuç yine canlı işaretlemedir. Araç bunu öne çıkarır, böylece çözülmüş güvenilmeyen metni innerHTML ile bir sayfaya eklemezsiniz — işlemeden önce varış bağlamında yeniden escape edin.

Tarayıcıda Yerel, Sıfır Ağ

Çözme, ana iş parçacığında JavaScript ile eşzamanlı çalışır; API çağrısı, sunucu gidip gelmesi ya da kalıcılık yoktur. Girdi sayfadan hiç ayrılmaz; bunu yazarken boş bir Network panelini izleyerek doğrulayabilirsiniz.

HTML Unescape En İyi Uygulamaları

Çözülmüş Güvenilmeyen Metni Asla Doğrudan İşlemeyin

Çözülmüş çıktı unescape edilmiş işaretlemedir. Herhangi bir kısmı bir kullanıcıdan ya da harici bir kaynaktan geldiyse, bir sayfaya eklemeden önce yeniden escape edin ya da innerHTML yerine textContent ile atayın. Bunu atlamak, escape'in kapatması gereken siteler arası betik çalıştırma açığını yeniden açar.

Kodlamanın Ters Sırasında Çözün

Bir değer önce HTML kodlanmış, sonra URL kodlanmış, sonra Base64 kodlanmış olabilir. Katmanları uygulandıklarının ters sırasında geri alın — ve her biri için eşleşen aracı kullanın: varlıklar için bunu, yüzde kodlaması için URL çözücüyü, base64 için Base64 aracını.

Bir Kez Çözün, Refleksle Değil

Tek bir çözme < gibi görünür varlıklar bırakıyorsa, girdi çift kodlanmıştır — özgünü kurtarmak için tekrar çözün, sonra yukarı akış boru hattını metin tam olarak bir kez escape edilecek şekilde düzeltin. Körü körüne döngülemeyin; ek katmanın neden var olduğunu anlayın.

Sonucu UTF-8 Olarak Sunun

Sayısal referansları çözmek gerçek Unicode karakterleri üretir — aksanlar, simgeler, emojiler. Çözülmüş metni alan sayfanın, dosyanın ya da alanın UTF-8 olduğundan emin olun, yoksa o kurtarılmış karakterler mojibake olarak görünür.

Uygulama Kodunda Test Edilmiş Bir Kütüphaneyi Tercih Edin

Tek seferlik dönüşümler için bu araç idealdir; üretimde, sayısal referansları, astral karakterleri ve eski varlıkları rutin olarak kaçıran elle yazılmış bir regex yerine iyi test edilmiş bir kütüphaneyle (Node'da he, ayrı bir textarea aracılığıyla tarayıcının kendi ayrıştırıcısı) çözün.

Sıkça Sorulan Sorular