Özel karakterleri HTML varlıkları olarak nasıl kodlarım?

Kodla'yı seçin, metninizi veya HTML'inizi girdiye yapıştırın; Kodlanmış HTML çıktısı yazdıkça güncellenir. Adlandırılmış, Ondalık veya Onaltılık varlıklar seçin, sonra Kopyala'yı kullanın. Bir sayaç kaç karakterin kodlandığını gösterir.

HTML varlıklarını normal metne nasıl geri çözerim?

Çöz'e geçin ve & veya A gibi varlıklar içeren metni yapıştırın. Araç adlandırılmış, ondalık ve onaltılık varlıkları karakterlere geri çevirir ve kaç varlığın çözüldüğünü gösterir.

Vurgulu harfleri, emojileri ve diğer ASCII dışı karakterleri nasıl kodlarım?

ASCII dışı tümünü kodla'yı açın. ASCII aralığının üzerindeki her karakter, yalnızca açılı parantez ve ve işareti gibi yaygın özel karakterler yerine seçtiğiniz stilde bir varlığa dönüştürülür.

HTML kodlaması XSS'i önlemek için yeterli mi?

Kullanıcı metnini bir HTML öğesinin gövdesine yerleştirmeden önce kodlamak, etiketlerin işaretleme olarak ele alınmasını engeller. Betikler veya URL'ler gibi her bağlamda tam bir savunma değildir, bu yüzden çerçevenizin kaçışını da kullanın.

Sonucumu tekrar çözerek kontrol edebilir miyim?

Evet. Çıktıyı girdiye taşımak için Girdi olarak kullan düğmesini kullanın, sonra modu değiştirin. Kodlanmış sonucu çözmek özgün metninizi geri vermelidir.

Gerçekten ücretsiz mi?

Evet. Tüm araçlar ücretsizdir; hesap veya kredi kartı gerekmez. İşlem sunucularımızda değil cihazınızda yapılır ve araçları ücretsiz sunabilmemizi sağlayan da budur.

Mobilde çalışır mı?

Evet. iOS ve Android'in güncel mobil tarayıcılarında, hiçbir şey kurmadan çalışır.

🏷️

Ücretsiz HTML Kodlayıcı ve Çözücü

Özel karakterleri HTML varlıklarına kodlayın veya varlıkları düz metne geri çözün. Anında, tarayıcınızda.

Tarayıcınızda çalışırKayıt yok, açılır pencere yokGiriş gerekmezSonsuza kadar ücretsiz

Yüklendikten sonra çevrimdışı çalışır

Çıktı:İsimli varlıklar (&)Ondalık varlıklar (&)OnaltılıTüm ASCII olmayan karakterleri kodla

Örnekler:

Düz metin / HTML

Kodlanmış HTML

Çıktı burada görünecek...

Yaygın HTML varlıkları başvurusu

©©

®®

™™

€€

——

……

Yaygın kullanımlar

RSS Beslemeleri için İçeriği KodlaHTML içeriğini RSS akışı öğe açıklamaları için kodlayın — RSS 2.0 standardı tarafından gereklidir.
HTML Çıkışı için Kullanıcı Girdisini Sanitize EtKullanıcı tarafından sağlanan dizeleri HTML'ye eklemeden önce kodlayın — XSS enjeksiyon saldırılarını önleyin.
HTML Email için Özel Karakterleri Kodla&, <, > ve © gibi karakterleri HTML varlıkları olarak kodla ve tüm e-posta istemcilerinde doğru şekilde görüntülensin.
Web Görüntülemesi için Kullanıcı İçeriğini KodlaKullanıcı tarafından oluşturulan içeriği HTML sayfalarında işlemeden önce kodlayarak XSS saldırılarını önle.
XML için İçeriği KodlaXML dosyaları, RSS akışları, site haritaları ve SOAP yükleri için özel karakterleri kodla.

Nasıl çalışır

Buradaki HTML kodlama ve çözme, elle yazılmış düzenli ifade değiştirme ve sabit kodlu adlandırılmış varlık tablosu kullanılarak tamamen tarayıcınızda çalışır — üçüncü taraf kodlama kütüphanesi yok, sunucuya gidiş-dönüş yok. Nadir adlandırılmış varlıkları (á veya “ gibi) çözmek için araç, maliyetsiz bir yedek olarak tarayıcının kendi HTML ayrıştırıcısına başvurur.

1
Düzenli ifade değiştirilecek karakterleri tarar
Kodlamada iki Unicode farkındalıklı düzenli ifadeden biri girdiniz üzerinde çalışır: ~25 yaygın HTML açısından önemli ve özel karakteri kapsayan hedefli bir desen ya da U+007F üzerindeki her kod noktasını yakalayan daha geniş bir desen. Her eşleşme karakter karakter yakalanır.
2
Arama tablosu veya codePointAt() varlığı üretir
Adlandırılmış varlık çıktısı için eşleşen karakterler sabit kodlu bir tabloda aranır (ör. & → &, © → ©). Ondalık veya onaltılık çıktı için String.codePointAt() Unicode kod noktasını alır ve &#NNN; veya &#xNNN; olarak biçimlendirir — düzenli ifade Unicode 'u' bayrağını kullandığı için vekil çiftler doğru işlenir.
3
Tek geçişli düzenli ifade varlıkları karakterlere geri çözer
Çözmede tek bir düzenli ifade geçişi tüm varlık öğelerini (&, A, A vb.) belirler ve her birini doğru işleyiciye yönlendirir: onaltılık parseInt(taban 16), ondalık Number(), adlandırılmış ters arama veya — sabit kodlu tabloda olmayan herhangi bir varlık için — innerHTML'ini tarayıcının yerel olarak ayrıştırdığı ve tarayıcının yerleşik varlık tablosundan doğru karakteri döndüren bir textarea öğesi.
4
Sonuç anında görünür; Clipboard API ile panoya kopyalayın
Çıktı her tuş vuruşunda React useMemo ile eşzamanlı olarak yeniden hesaplanır. Kopyalama, kısıtlı bağlamlar için sessiz bir hata yakalamayla modern asenkron Clipboard API olan navigator.clipboard.writeText()'i kullanır.