Kodowanie HTML
Kodowanie HTML dla stringów, które muszą przetrwać wklejenie — nie do publikacji strony
Większość osób trafiających na stronę kodowania HTML nie chce «opublikować witryny». Chce przenieść string z jednego systemu do drugiego bez psucia go po drodze. Treść tooltipa skopiowana z CMS, fragment `<div>` wrzucony do pola JSON, linia logu z `<` i `&` — to wszystko wymaga kodowania HTML przed kolejnym krokiem, inaczej system docelowy potraktuje markup jak wykonywalny kod. Ten koder jest pod tę robotę: wklejasz po lewej, czytasz escapowany string po prawej. Bez kolejki uploadu, bez konta, bez zgadywania, czy wynik się zaktualizował. Interfejs celowo wąski. Nie ma narzędzi layoutu ani naprawy tagów. Dostajesz niezawodny koder HTML z dwoma funkcjami, które liczą się w prawdziwych integracjach: **podwójne kodowanie**, gdy pipeline układa escape’y warstwami, oraz **podgląd na żywo HTML źródłowego** przed skopiowaniem tekstu zakodowanego — żeby potwierdzić, że kodujesz właściwy markup, a nie ucięty w połowie fragment.
Co kodowanie HTML naprawdę zmienia
Kodowanie zamienia znaki znaczące w HTML — `<`, `>`, `&`, cudzysłowy — na referencje encji, np. `<` i `&`. Bajty się zmieniają, intencja tekstu nie. Dlatego deweloperzy kodują HTML, gdy osadzają fragmenty w JSON, XML, wartościach atrybutów lub kolumnach tekstowych zapisywanych najpierw jako zwykły tekst. Kolejność ma znaczenie: `&` obsługujemy przed innymi zamianami, żeby nie zepsuć istniejących encji. Jeden przebieg to to, czego oczekuje większość ticketów i API. **Dwa razy** to niewygodna warstwa pośrednia — gdy wiesz, że cel escapuje jeszcze raz i musisz wcześniej złożyć finalną wartość w bazie (`&lt;` zamiast `<`).
Gdy wklejka zawiera rozpoznawalne tagi, panel wyniku może pokazać sandboxowany podgląd tego HTML źródłowego, a domyślnie zaznaczona zostaje karta **Tekst zakodowany**. Weryfikujesz fragment wzrokiem, potem kopiujesz string transportowy bez zmiany kontekstu. Czysty tekst bez tagów pomija podgląd i idzie prosto do wyniku — tak wygląda większość zadań kodowania w praktyce.
Otwórz narzędzie do kodowania HTMLRaz lub dwa razy — bez ponownego wklejania
Przełączaj przebiegi bez ponownego wklejania. Porównuj wynik jednego i dwóch przebiegów na tym samym źródle, gdy spec integracji jest niejasna.
Podgląd źródła, kopiuj zakodowany wynik
Dla fragmentów HTML podgląd działa na oryginalnym wejściu — nie na escapowanym stringu. Nie próbujesz «renderować» zupy encji.
Import z dysku, gdy wklejanie jest ryzykowne
Klienty czatu i poczty czasem ponownie escapują znaki. Wczytanie pliku `.txt` lub `.html` zachowuje bajty, które chciałeś zakodować.
Dlaczego ten koder HTML zamiast ogólnej funkcji escape
Obszar skupiony na kodowaniu HTML — nie ogólny edytor z menu Koduj schowanym trzy kliki głębiej.
Pod workflow wklej i wyślij
Support, integracja i content ops cały dzień przerzucają stringi. Ten koder HTML aktualizuje wynik podczas pisania, importuje pliki `.txt` i `.html`, gdy źródło leży na dysku, i pozwala skopiować lub pobrać wynik jedną akcją. Nie musisz robić obiegu przez serwer dla treści z wewnętrznymi URL lub danymi klientów. Model lokalny to też szybkie iteracje: popraw cudzysłów, obserwuj zmianę formy escapowanej, wklej do staging API, powtórz — narzędzie nie stoi na drodze.
Jak kodować HTML — trzy praktyczne kroki
1) Wklej lub importuj to, co trzeba escapować
Wrzuć surowy string do lewego panelu — fragment HTML, snippet maila lub zdanie z ampersandami. Użyj **Importuj z pliku**, gdy źródło jest już eksportem `.txt` lub `.html`. Pełny dokument nie jest wymagany; częściowe tagi wystarczą, jeśli wiesz, co wysyłasz.
2) Wybierz raz lub dwa razy, przeczytaj tekst zakodowany
Zostaw **Przebiegi kodowania** na **Raz**, chyba że system downstream robi podwójne kodowanie. Prawy panel domyślnie pokazuje **Tekst zakodowany**. Gdy wejście to markup i chcesz szybko sprawdzić, na chwilę przełącz na **Podgląd** HTML źródłowego, potem wróć do stringa do skopiowania.
3) Skopiuj lub pobierz zakodowany string
Wklej escapowaną linię do pola docelowego albo pobierz `.txt` jako załącznik do ticketu. Na współdzielonym komputerze na koniec **Wyczyść** edytor.
FAQ kodowania HTML
Zakoduj raz, wklejaj pewnie
Kodowanie HTML na żywo z opcjonalnym podglądem źródła i drugim przebiegiem, gdy tego wymaga pipeline.
Kodowanie HTML
- Koder HTML lokalnie w przeglądarce
- Kodowanie w jednym lub dwóch przebiegach
- Podgląd HTML źródłowego przed kopiowaniem
- Kopiuj tekst zakodowany lub pobierz .txt
Działa w przeglądarce. Konto nie jest wymagane.
Przestań zgadywać głębokość escape
Obserwuj zakodowany wynik na żywo i podglądaj markup źródłowy, gdy wejście zawiera tagi.