HTML Entities — kodowanie i dekodowanie encji HTML

Co robi HTML Entities

HTML Entities koduje znaki, które mają w HTML specjalne znaczenie, i dekoduje odwołania do encji z powrotem do czytelnego tekstu. Przydaje się przy przygotowywaniu przykładów do dokumentacji, pisaniu danych testowych dla logiki escapowania, sprawdzaniu wyniku z CMS-a, porządkowaniu skopiowanych fragmentów lub zamianie widocznego tekstu na postać, która może bezpiecznie znaleźć się w kodzie źródłowym HTML. Koder obsługuje ampersandy, nawiasy ostre, cudzysłowy, apostrofy i znaki spoza ASCII, stosując tam, gdzie trzeba, encje liczbowe. Dekoder obsługuje encje nazwane rozpoznawane przez przeglądarkę, takie jak amp, lt, gt, quot, apos, copy, nbsp i wiele innych, za pośrednictwem wbudowanego parsera HTML przeglądarki.

Prawdziwe fragmenty kodu często mieszają encje nazwane z dziesiętnymi lub szesnastkowymi odwołaniami liczbowymi generowanymi przez szablony, edytory, kanały i starsze systemy. To narzędzie ułatwia przechodzenie między widocznym tekstem a postacią źródłową bez pisania jednorazowego skryptu. Przycisk zamiany pozwala przekazać wynik z powrotem do przeciwnego trybu, aby sprawdzić konwersję w obie strony.

Prywatna praca w przeglądarce

Całe przetwarzanie odbywa się w Twojej przeglądarce za pomocą JavaScriptu po stronie klienta. Narzędzie nie wysyła na serwer fragmentów kodu, wartości konfiguracji, wygenerowanych danych, treści zapytań ani skopiowanych przykładów i nie wymaga konta. Model wyłącznie lokalny jest ważny w narzędziach dla programistów, ponieważ wklejane treści często wyglądają jak prawdziwe dane aplikacji: odpowiedzi API, logi, przykłady przypominające zmienne środowiskowe, zapytania do bazy danych, znaczniki z wersji roboczych lub wartości skopiowane podczas debugowania na produkcji. Lokalne przekształcanie zmniejsza ryzyko i sprawia, że praca jest szybka, bo nie ma komunikacji sieciowej.

Interfejs jest celowo kompaktowy, abyś mógł wkleić dane, dostosować opcje, sprawdzić wynik, skopiować go i wrócić do edytora. Wyniki nadal warto przejrzeć, zanim trafią do commita, zostaną udostępnione publicznie lub użyte w procesie produkcyjnym. Narzędzia w przeglądarce świetnie nadają się do szybkiej analizy i przygotowania, ale nie znają każdej konwencji projektu, zasady klasyfikacji danych ani wymagania walidacji specyficznego dla aplikacji.

Praktyczne wskazówki

Kodowanie encji samo w sobie nie jest pełnym narzędziem do sanityzacji pod kątem bezpieczeństwa. Traktuj je jako przekształcenie tekstu na potrzeby przykładów, testów i prostych kontroli escapowania, a nie zamiennik escapowania we frameworku, interfejsów DOM, polityki bezpieczeństwa treści ani sprawdzonego sanitizera przy wyświetlaniu niezaufanego HTML. Kontekst ma znaczenie: escapowanie dla węzła tekstowego HTML różni się od escapowania dla atrybutów, adresów URL, ciągów JavaScript i CSS. Podczas dekodowania pamiętaj, że wynik może znów zawierać prawdziwe nawiasy ostre lub cudzysłowy, więc przejrzyj go, zanim wkleisz do strony lub szablonu.