← Özelliklere Dön
Free

HTML Varlık Kodlayıcı

HTML Varlık Kodlayıcı, özel karakterleri (< > & " ') HTML varlık karşılıklarına (&lt; &gt; &amp; &quot; &#39;) ve geri dönüştürür. Kullanıcı içeriğini güvenle işlemek, belgelemelere kod gömmek veya kullanıcı girişini görüntülerken XSS'yi önlemek için vazgeçilmezdir.

HTML etiketlerini metin olarak görüntülemeniz, bir sayfaya kod parçacıkları gömmeniz veya kullanıcı tarafından gönderilen içeriği güvenle göstermeniz gerektiğinde HTML varlık kodlaması çözümdür. Bu araç anlık çift yönlü dönüştürme sağlar. Kodlama, özel HTML karakterlerini varlık karşılıklarıyla değiştirerek tarayıcının bunları biçimlendirme olarak yorumlamak yerine tam anlamıyla görüntülemesini sağlar. Çözme ise bu işlemi tersine çevirir. Araç, beş temel XML varlığını ve sayısal varlık referanslarını (&#NN; ve &#xHH;) destekler; böylece herhangi bir kodlanmış içerikle çalışabilirsiniz. Gerçek zamanlı dönüştürme sayesinde siz yazarken çıktı belirir; değiştir düğmesi ise hızlı gidiş-dönüş doğrulaması için giriş ve çıkışı ters çevirir.

Canlı Önizleme
example.com
HTML Varlık Kodlayıcı Kodla Kod Çöz
Giriş
<div class="box">Hello & welcome!</div>
Kodlanmış Çıkış
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Temel Özellikler

Özel Karakterleri Kodla

< > & " ' karakterlerini &lt; &gt; &amp; &quot; &#39; olarak dönüştürür — metin olarak görüntülenmesi için kodlanması gereken beş ayrılmış HTML karakteri.

Varlık Referanslarını Çöz

Hem adlandırılmış (&amp; &lt; &nbsp;) hem de sayısal (&#60; &#x3C;) varlık referanslarını orijinal karakterlerine geri çözer.

Tek Tıkla Kopyala

Kodlanmış veya çözülmüş sonucu tek tıkla kopyalayın. Çıktıyı doğrudan HTML'nize, belgelerinize veya kaynak kodunuza taşıyın.

Gerçek Zamanlı Dönüştürme

Siz yazarken çıktı canlı olarak güncellenir. Tıklanacak bir kodlama düğmesi yok — hızlı yineleme için sonuçları anında görün.

Sayısal Varlıkları Destekler

Ondalık (&#65;) ve onaltılık (&#x41;) sayısal referansların yanı sıra &amp;nbsp;, &amp;copy;, &amp;trade; gibi adlandırılmış varlıkları destekler.

Gidiş-Dönüş Doğrulaması

Çıktının orijinalle eşleştiğini doğrulamak için önce kodlayın, ardından sonucu çözün — içeriği güvenle işlediğinizi hızlıca kontrol etmenin bir yolu.

Yaygın Kullanım Durumları

Belgelere Kod Gömme

HTML etiketlerini bir markdown veya HTML sayfasında düz metin olarak görüntülemek için özel karakterleri kodlayın — kod örneğinizin yanlışlıkla biçimlendirme olarak işlenmesi artık söz konusu değil.

XSS'yi Önleme

Kullanıcı girişini bir sayfaya yansıtmadan önce, <script> etiketlerini ve diğer enjeksiyon vektörlerini etkisiz hale getirmek için HTML varlıklarını kodlayın.

Hatalı HTML'yi Ayıklama

Şüpheli çıktıdaki varlık referanslarını çözerek gerçekte hangi karakterlerin üretildiğini görün — kaçış hatalarını tespit etmeye yardımcı olur.

İçerik Taşıma

Varlıklar içeren HTML'yi bir sistemden (CMS, e-posta şablonu) başka bir sistem için (veritabanı alanı, düz metin e-postası) düz metne dönüştürün.

İpucu ve Öznitelik Güvenliği

HTML özniteliklerine (title="...", data-*) eklemeden önce içeriği kodlayın; böylece tırnak işaretleri ve özel karakterler özniteliği bozmaz.

Nasıl Kullanılır
1

HTML Varlık Aracını Açın

DevSuite Pro yüzen yuvasındaki HTML Varlık simgesine tıklayın. Kodla ve Çöz geçişleriyle birlikte bir düzenleyici paneli açılır.

2

HTML'nizi veya Metninizi Yapıştırın

Kodlamak istediğiniz dizeyi (metin olarak göstermeniz gereken ham HTML) veya çözmek istediğiniz dizeyi (işlemeniz gereken varlık yüklü içerik) yapıştırın.

3

Mod Seçin

Özel karakterleri varlıklara dönüştürmek için Kodla'yı, varlıkları ham karakterlerine geri dönüştürmek için Çöz'ü seçin.

4

Sonucu Okuyun

Kodlanmış veya çözülmüş çıktı, yan bölmede anında görünür — uzun giriş kaydırılabilir ve varsayılan olarak satır kaydırma yapılır.

5

Sonucu Kopyalayın

Çıktıyı almak için Kopyala'ya tıklayın. Güvenli şekilde işlemek için belgelerinize, kod örneğinize veya kullanıcıya yönelik sayfanıza yapıştırın.

Denemeye Hazır mısınız?

DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 64'dan fazla geliştirici aracının kilidini açın.

Chrome'a Ekle Edge'e Ekle FireFox'a Ekle