Jak zakodować znaki specjalne jako encje HTML?

Wybierz Encode, wklej tekst lub HTML do pola wejściowego, a wynik Encoded HTML aktualizuje się w trakcie pisania. Wybierz encje Named, Decimal lub Hex, potem użyj Copy. Licznik pokazuje, ile znaków zakodowano.

Jak odkodować encje HTML z powrotem do zwykłego tekstu?

Przełącz na Decode i wklej tekst z encjami, takimi jak & lub A. Narzędzie zamienia encje nazwane, dziesiętne i szesnastkowe z powrotem na znaki i pokazuje, ile encji odkodowano.

Jak zakodować litery z akcentami, emoji i inne znaki spoza ASCII?

Włącz Encode all non-ASCII. Każdy znak spoza zakresu ASCII jest wtedy zamieniany na encję w wybranym stylu, a nie tylko typowe znaki specjalne, takie jak nawiasy ostre i ampersand.

Czy kodowanie HTML wystarcza do zapobiegania XSS?

Kodowanie tekstu użytkownika przed umieszczeniem go w treści elementu HTML sprawia, że znaczniki nie są traktowane jako kod. To nie jest pełna obrona w każdym kontekście, na przykład w skryptach czy adresach URL, więc używaj też escapowania ze swojego frameworka.

Czy mogę sprawdzić wynik, dekodując go ponownie?

Tak. Użyj przycisku Use as input, aby przenieść wynik do pola wejściowego, potem przełącz tryb. Odkodowanie zakodowanego wyniku powinno zwrócić Twój oryginalny tekst.

Czy naprawdę jest za darmo?

Tak. Każde narzędzie jest darmowe, bez konta i karty kredytowej. Praca odbywa się na Twoim urządzeniu, a nie na naszych serwerach, co pozwala utrzymać ją za darmo.

Czy działa na urządzeniach mobilnych?

Tak. Działa w aktualnych przeglądarkach mobilnych na iOS i Androidzie, bez instalowania czegokolwiek.

🏷️

Koder i dekoder HTML za darmo

Koduj znaki specjalne do encji HTML lub dekoduj encje z powrotem do zwykłego tekstu. Natychmiastowo, w Twojej przeglądarce.

Działa w przeglądarceBez rejestracji, bez wyskakujących okienekLogowanie nie jest wymaganeZa darmo na zawsze

Działa offline po wczytaniu

Wynik:Nazwane (&)Dziesiętne (&)SzesnastkowyZakoduj wszystkie znaki spoza ASCII

Przykłady:

Zwykły tekst / HTML

Zakodowany HTML

Wynik pojawi się tutaj...

Ściągawka typowych encji HTML

©©

®®

™™

€€

——

……

Typowe zastosowania

Koduj Zawartość dla Kanału RSSKoduj zawartość HTML dla opisów elementów kanału RSS — wymagane przez standard RSS 2.0.
Dezynfekuj Dane Wejściowe Użytkownika dla Danych Wyjściowych HTMLKoduj ciągi znaków dostarczone przez użytkownika przed wstawieniem ich do HTML — zapobiega atakom wstrzyknięcia XSS.
Koduj Znaki Specjalne do Email HTMLKoduj znaki takie jak &, <, > i © jako jednostki HTML, aby wyświetlały się prawidłowo we wszystkich klientach poczty.
Koduj Treść Użytkownika do Wyświetlania WebZapobiegaj atakom XSS poprzez kodowanie zawartości generowanej przez użytkownika przed renderowaniem na stronach HTML.
Koduj Zawartość do XMLKoduj znaki specjalne dla plików XML, kanałów RSS, map witryn i ładunków SOAP.

Jak to działa

Kodowanie i dekodowanie HTML działa tu w całości w przeglądarce, z użyciem ręcznie napisanych zamian przez wyrażenia regularne i wpisanej na stałe tabeli nazwanych encji — bez zewnętrznej biblioteki kodującej i odwołań do serwera. Do dekodowania rzadszych nazwanych encji (jak á czy “) narzędzie korzysta z własnego parsera HTML przeglądarki jako bezkosztowego rozwiązania zapasowego.

1
Wyrażenie regularne wyszukuje znaki do zamiany
Przy kodowaniu na danych uruchamiane jest jedno z dwóch wyrażeń regularnych obsługujących Unicode: ukierunkowany wzorzec obejmujący ~25 popularnych znaków istotnych dla HTML i specjalnych lub szerszy wzorzec wyłapujący każdy punkt kodowy powyżej U+007F. Każde dopasowanie jest przechwytywane znak po znaku.
2
Tabela lub codePointAt() tworzy encję
Przy wyniku w postaci nazwanych encji dopasowane znaki są wyszukiwane we wpisanej na stałe tabeli (np. & → &, © → ©). Przy wyniku dziesiętnym lub szesnastkowym String.codePointAt() pobiera punkt kodowy Unicode i formatuje go jako &#NNN; lub &#xNNN; — pary zastępcze są obsługiwane poprawnie, bo wyrażenie regularne używa flagi Unicode 'u'.
3
Jeden przebieg wyrażenia regularnego dekoduje encje na znaki
Przy dekodowaniu jeden przebieg wyrażenia regularnego rozpoznaje wszystkie tokeny encji (&, A, A itd.) i kieruje każdy do właściwej obsługi: parseInt przy podstawie 16 dla hex, Number() dla dziesiętnych, odwrotne wyszukiwanie dla nazwanych lub — dla encji spoza wpisanej tabeli — element textarea, którego innerHTML przeglądarka parsuje natywnie, zwracając właściwy znak z wbudowanej tabeli encji przeglądarki.
4
Wynik pojawia się natychmiast; kopiowanie przez Clipboard API
Wynik jest przeliczany synchronicznie przy każdym naciśnięciu klawisza przez useMemo Reacta. Kopiowanie używa navigator.clipboard.writeText() — nowoczesnego asynchronicznego Clipboard API — z cichą obsługą błędów w ograniczonych kontekstach.