Przejdź do treści
Logo CrateX.app

CrateX.app

HTML – kodowanie/odkodowywanie

HTML – kodowanie/odkodowywanie

HTML – kodowanie/odkodowywanie obsługuje escapowanie i deescapowanie encji HTML, radzi sobie ze znakami specjalnymi i wyświetlaniem tagów oraz sprawdza się przy prezentacji danych użytkownika, przykładach kodu i bezpiecznej publikacji treści.
HTML – kodowanie/odkodowywanie

Szybki start

1
Wpisz w pole tekstowe HTML lub tekst zawierający encje.
2
Wybierz tryb „Koduj” lub „Dekoduj”.
3
Kliknij odpowiedni przycisk, aby rozpocząć konwersję; wynik będzie widoczny w tym samym polu.
4
Kliknij „Kopiuj”, aby przenieść wynik do kodu lub do prezentacji.

Typowe scenariusze

Komentarze użytkowników

koduj treść komentarzy, aby zapobiec atakom XSS.

Artykuły/blog

bezpieczne wyświetlanie przykładów kodu HTML w treści.

Posty na forum

bezpieczna prezentacja treści generowanej przez użytkowników.

Wiadomości na czacie

zapobieganie rozprzestrzenianiu się złośliwego kodu przez funkcje czatu.

Dane z formularzy

przetwarzanie i wyświetlanie danych przesłanych w formularzach.

Prezentacja kodu

wyświetlanie fragmentów HTML/JavaScript na stronie.

Dodatkowy scenariusz

encje HTML, escape HTML i unescape HTML można obsłużyć w tym samym przepływie, aby szybciej sprawdzić wynik przed kopiowaniem lub eksportem.

Zasady kodowania i encje

Typowe znaki do kodowania: < > & " ' (ukośnik / zwykle nie jest wymagany – zależy od kontekstu).
Jak zapisać: < → &lt;, > → &gt;, & → &amp;, " → &quot;, ' → &#39;
Cudzysłowy w atrybutach: zamień " na &quot; (lub &#34;), aby chronić wartości atrybutów.
Prezentacja tagów: jeśli chcesz pokazać tekst literalny <script>, użyj &lt;script&gt;.
Obsługa znaczników: zapisz <div> jako &lt;div&gt;, aby przeglądarka nie interpretowała tego jako HTML.

Wskazówki użycia

Kontekst: dobierz odpowiednią strategię kodowania w zależności od miejsca wstrzyknięcia (HTML treść, atrybuty, JS, CSS).
Obsługa po stronie serwera: kluczowe operacje bezpieczeństwa powinny odbywać się na serwerze.
Podwójna weryfikacja: po zakodowaniu sprawdź wynik, aby upewnić się, że nic nie zostało pominięte.
Korzystaj z bibliotek: w środowiskach produkcyjnych używaj sprawdzonych bibliotek do kodowania/oczyszczania zamiast ręcznych rozwiązań.
Podgląd: po zakodowaniu możesz w konsoli przeglądarki sprawdzić, jak wygląda wynikowe renderowanie.

Ograniczenia i kompatybilność

To narzędzie nie jest pełnym sanitizerem: nie usuwa skryptów/zdarzeń/niebezpiecznych protokołów; do ochrony XSS konieczne jest dodatkowe „oczyszczanie” treści (whitelist).
Niewystarczająca ochrona: samo kodowanie nie wystarcza, by powstrzymać wszystkie formy XSS – konieczne są dodatkowe mechanizmy.
Zależność od kontekstu: różne miejsca wyjścia wymagają różnych zasad kodowania (treść HTML, atrybuty, JavaScript, CSS).
Duże bloki tekstu: mogą spowodować wolniejsze działanie lub zawieszenie przeglądarki, zaleca się podział na mniejsze części.

Prywatność i bezpieczeństwo

Całe przetwarzanie odbywa się lokalnie w przeglądarce. Bieżącą zawartość możesz w każdej chwili zastąpić, wyczyścić i przetworzyć ponownie.

Najczęstsze pytania

5

Przejdź do kolejnego kroku z tymi powiązanymi narzędziami.