Koder HTML
Koduj encje HTML na żywo, lokalnie w przeglądarce. Zakres minimalny lub pełny, encje nazwane i numeryczne, spacje → nbsp, czyszczenie tagów.
-
1Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku. -
2Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce. -
3Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.
return "Wynik gotowy w 0.1s";
}
Zakodowany wynik
Bezpieczny do wklejenia w kod HTML, szablon lub CMS.
Encje utworzone
Znaki wejścia
Znaki wyjścia
Wiersze wyniku
Rozmiar wyniku
| Znak wejściowy | Encja w wyniku | Kiedy powstaje |
|---|---|---|
& |
& |
ampersand — kodowany zawsze i jako pierwszy; każda encja zaczyna się od niego |
< |
< |
początek tagu — po zakodowaniu przeglądarka pokazuje tekst, zamiast wykonać znacznik |
> |
> |
koniec tagu — kodowany razem z < |
" |
" |
cudzysłów — kodowany zawsze, bezpieczny także wewnątrz atrybutów |
' |
' |
apostrof — kodowany zawsze (zapis ' jest mu równoważny) |
spacja |
|
twarde spacje — tylko z opcją „Spacje → ”, zachowują wcięcia i wielokrotne odstępy |
ą |
ą |
polskie „a z ogonkiem” — z opcją „Znaki spoza ASCII”; encja numeryczna dziesiętna (U+0105) |
ć |
ć |
polska litera — opcja „Znaki spoza ASCII” (U+0107) |
ę |
ę |
polska litera — opcja „Znaki spoza ASCII” (U+0119) |
ł |
ł |
polska litera — opcja „Znaki spoza ASCII” (U+0142) |
ń |
ń |
polska litera — opcja „Znaki spoza ASCII” (U+0144) |
ó |
ó |
polska litera — opcja „Znaki spoza ASCII” (U+00F3) |
ś |
ś |
polska litera — opcja „Znaki spoza ASCII” (U+015B) |
ź |
ź |
polska litera — opcja „Znaki spoza ASCII” (U+017A) |
ż |
ż |
polska litera — opcja „Znaki spoza ASCII” (U+017C) |
Zakodowanie pięciu znaków specjalnych (& < > " ') wystarcza, by tekst był bezpieczny w treści HTML — w trybie „Pełne” silnik serwerowy (dla starszych kart) dodatkowo używa encji nazwanych z listy HTML5. Numery encji polskich liter są zgodne z funkcją mb_ord (ą=261, ć=263, ę=281, ł=322, ń=324, ó=243, ś=347, ź=378, ż=380); w dokumentach UTF-8 polskie znaki można też zostawić niekodowane. Wszystkie zapisy encji w tej tabeli są tu zescapeowane — pokazują tekst, a nie działają jako encje.
Kodowanie encji a bezpieczeństwo — w praktyce
Escape HTML a XSS — dlaczego to ważne
Wypisując treść od użytkownika bez kodowania, pozwolisz komuś wstrzyknąć
<script>, który wykona się w przeglądarkach innych odwiedzających.
Kodowanie encjami zamienia tagi w nieszkodliwy tekst (<script>) —
to podstawowa obrona przed XSS przy komentarzach, formularzach i danych z API.
Publikowanie fragmentów kodu
Fragment HTML pokazany na blogu, forum albo w dokumentacji musi być zakodowany — inaczej przeglądarka go wykona zamiast wyświetlić. Zakoduj kod narzędziem, wklej do treści, a czytelnik zobaczy znaczniki; do odzyskania oryginału wystarczy Dekoder HTML (działa w drugą stronę).
Polskie znaki — kodować czy nie
W dokumentach UTF-8 znaki diakrytyczne mogą zostać zwykłym tekstem. Encje numeryczne
(ą = ą) przydają się w mailach, XML i starszych systemach bez UTF-8 oraz
gdy treść przechodzi przez wiele systemów, które mogą gubić kodowanie.
Podwójne kodowanie — częsta pułapka
Zakodowanie tekstu dwa razy da &amp;lt; zamiast
&lt;. Detekcja „Wejście wygląda na już zakodowane” ostrzega o takim
ryzyku — wynik zawsze sprawdź wzrokiem, a do odwrócenia pomyłki użyj Dekodera HTML
z opcją „Dekoduj wielokrotnie”.
Oceń to narzędzie:
Powiązane narzędzia
Inne narzędzia, które mogą Ci się przydaćKoder HTML online – bezpieczne kodowanie znaków i encji dla stron, CMS-ów i newsletterów
Wklej tekst, a zakodowany wynik pojawi się natychmiast – narzędzie koduje encje HTML na żywo, podczas pisania, w całości lokalnie w Twojej przeglądarce (treść nie jest wysyłana na serwer). Wybierz zakres minimalny albo pełny, styl encji nazwanych lub numerycznych, zamień spacje na i nowe wiersze na <br>, usuń zbędne tagi i skrypty, a przed kodowaniem opcjonalnie sformatuj albo zminifikuj kod – wklejki do edytorów WYSIWYG, systemów mailingowych i pól meta będą czytelne i odporne na „rozsypanie”.
Po co kodować HTML?
Kodowanie HTML zabezpiecza znaki specjalne takie jak <, >, &, cudzysłowy czy apostrofy, dzięki czemu treści wstawiane do pól formularzy, CMS-ów, generatorów e-maili i edytorów WYSIWYG nie są interpretowane jako tagi, nie psują layoutu oraz nie powodują błędów walidacji, a jednocześnie pozostają wiernym odwzorowaniem oryginalnego tekstu.
- Unikasz wstrzyknięcia HTML w polach opisów i meta.
- Chronisz layout w newsletterach i panelach administracyjnych.
- Zapewniasz zgodność ze standardami i czytelność treści.
Tryby kodowania dopasowane do zadania
Wybierz zakres pełny (odpowiednik htmlentities – koduje także polskie znaki, symbole i emoji) dla maksymalnego bezpieczeństwa lub minimalny, który zamienia tylko najważniejsze znaki (<, >, &, ", '). Dodatkowo wybierasz styl encji: nazwane (©, czytelniejsze) albo numeryczne (©, zgodne z każdym parserem).
Jak działa Koder HTML online
- Wklejasz tekst lub fragment HTML do pola „Tekst wejściowy” (albo używasz przycisku „Wklej ze schowka”).
- Wybierasz zakres kodowania: minimalny albo pełny, oraz styl encji: nazwane lub numeryczne.
- W razie potrzeby zaznaczasz opcje: Spacje → , Nowe wiersze → <br>, Usuń <script>/<style>, Usuń wszystkie tagi HTML, Sformatuj lub Minifikuj kod przed kodowaniem.
- Wynik aktualizuje się na żywo – kopiujesz go, pobierasz jako plik TXT albo klikasz „Użyj jako wejście”.
Przykład – kodowanie minimalne
Wejście:
<h1>Zażółć gęślą jaźń & "quote" & 'apostrof'</h1>
Wynik (minimalne):
<h1>Zażółć gęślą jaźń & "quote" & 'apostrof'</h1>
Otrzymujesz tekst bezpieczny do wklejenia w pola, które nie mogą interpretować HTML.
Przykład – kodowanie pełne +
Wejście:
Emoji: 😎 Spacje: trzy
Wynik (pełny + spacje → ):
Emoji: 😎 Spacje: trzy
Wyrównanie tekstu pozostaje stałe w edytorach mailowych i blokowych.
Najczęstsze zastosowania
- CMS i blogi: wklejanie fragmentów kodu do edytorów, które standardowo „czyszczą” znaczniki.
- Newslettery i buildery e-maili: zachowanie odstępów, niełamanie layoutu, bezpieczne wyświetlanie symboli.
- Pola meta i Open Graph: ochrona przed interpretacją HTML i zniekształceniem znaków specjalnych.
- Formularze i panele administracyjne: wyświetlanie kodu jako treści, a nie jako elementów strony.
- Fragmenty instrukcji i dokumentacji: czytelne przykłady z tagami i encjami.
Dobre praktyki kodowania HTML
Wybór trybu
Używaj minimalnego kodowania, gdy zależy Ci na czytelności i tylko ochronie podstawowych znaków; wybierz pełne, gdy treść trafia do atrybutów, pól meta lub środowisk, które mogą interpretować dowolne znaki jako HTML.
Spacje i odstępy
Opcja Spacje → stabilizuje szerokość odstępów w e-mailach i edytorach, gdzie kolejne spacje bywają redukowane do jednej.
Bezpieczeństwo
Zaznacz Usuń <script>/<style> oraz Usuń wszystkie tagi HTML, jeżeli chcesz zachować wyłącznie treść, eliminując potencjalnie niepożądane fragmenty kodu.
Porządek w kodzie
Sformatuj kod przed kodowaniem, aby zachować czytelność, lub Zminifikuj, gdy liczy się kompaktowy rozmiar i prostota wklejki.
FAQ – najczęstsze pytania o kodowanie HTML
Czym różni się kodowanie minimalne od pełnego?
Kodowanie minimalne zamienia tylko kluczowe znaki: &, <, >, cudzysłów i apostrof. Kodowanie pełne przekształca znacznie więcej znaków do encji HTML, co zapewnia większe bezpieczeństwo w trudnych kontekstach, takich jak atrybuty lub pola meta.
Kiedy używać “Spacje → ”?
W edytorach e-maili, kreatorach landing page'y i systemach, które łączą wielokrotne spacje do jednej. zachowuje liczbę odstępów tak, jak planujesz.
Czy mogę usunąć wszystkie tagi i zostawić sam tekst?
Tak. Zaznacz opcję Usuń wszystkie tagi HTML, aby otrzymać czystą treść bez znaczników, a następnie – w razie potrzeby – zakodować wyjście.
Po co zakres „Pełny” i czym różnią się encje nazwane od numerycznych?
Zakres pełny przekształca też znaki spoza ASCII (np. „ł”, „ż”, „€” czy emoji), co bywa wymagane w starych systemach i parserach. Encje nazwane (©, €) są czytelniejsze dla człowieka; numeryczne (©, €) działają w każdym parserze XML/HTML. Znaki bez nazwanej encji (w tym polskie litery i emoji) są zawsze zapisywane numerycznie.
Czy mój tekst jest wysyłany na serwer?
Nie. Kodowanie odbywa się w całości w Twojej przeglądarce, na żywo podczas pisania. Treść nie jest przesyłana na serwer ani nigdzie zapisywana – po zamknięciu karty znika.
Do czego służy opcja „Nowe wiersze → <br>”?
Dodaje znacznik <br> na końcu każdego wiersza, dzięki czemu wklejony do HTML tekst zachowa podział na linie tak, jak w polu wejściowym. Przydatne przy przenoszeniu tekstu z edytora do szablonu strony lub e-maila.
Słownik i frazy pomocnicze SEO
| Pojęcie | Opis |
|---|---|
| koder HTML online | Narzędzie do zamiany znaków tekstu na encje HTML w przeglądarce. |
| htmlentities | Popularna metoda kodowania pełnego znaków do encji. |
| kodowanie encji | Proces ochrony znaków specjalnych przed interpretacją jako HTML. |
| | Niełamiąca spacja używana do zachowania odstępów i wyrównań. |
| formatowanie / minifikacja | Uporządkowanie lub kompresja HTML przed kodowaniem dla lepszej czytelności albo mniejszego rozmiaru. |
Zakoduj treść już teraz
Wklej tekst lub fragment strony, wybierz zakres i styl encji, a wynik pojawi się natychmiast. Użyj przycisków Kopiuj wynik, Pobierz TXT albo Użyj jako wejście. Narzędzie działa w całości lokalnie w przeglądarce i jest gotowe do pracy z edytorami treści, newsletterami i polami meta.
Rozpocznij kodowanie