Zacznij pisać, otwórz plik lub wczytaj przykład, aby zobaczyć podgląd.
Edytor HTML, formatowanie i minifikacja HTML
Ten edytor HTML online pokazuje kod HTML, CSS i JavaScript jako stronę, która odświeża się w trakcie pisania. Kod można sformatować, zminifikować i sprawdzić, a potem pobrać plik .html – wszystko zostaje w przeglądarce.
Ostatnia aktualizacja:
Jak to działa
Pisz, wklej lub otwórz plik
Kod można pisać od zera w panelu kodu, wkleić, upuścić plik .html albo zacząć od „Wczytaj przykład”.
Obserwuj podgląd na żywo
Podgląd aktualizuje się podczas pisania. Szerokość przełącza się między „Dopasuj”, „Komputer”, „Tablet” i „Telefon”.
Formatuj, minifikuj i pobierz
„Formatuj” porządkuje wcięcia, „Minifikuj” zmniejsza plik, a „Sprawdź” wyszukuje niezamknięte znaczniki. Na koniec wystarczy kliknąć „Pobierz .html”.
Funkcje
Autouzupełnianie i domykanie znaczników
Podpowiedzi znaczników i atrybutów, automatycznie wstawiane znaczniki zamykające, dopasowanie nawiasów, zwijanie bloków oraz wyszukiwanie i zamiana.
Podgląd w piaskownicy
Strona renderuje się w odizolowanej ramce. Skrypty działają tylko po włączeniu „Uruchamiaj JavaScript”, a nawet wtedy nie mają dostępu do tej witryny, plików cookie ani pamięci przeglądarki.
Formatowanie HTML
Nieczytelny kod dostaje nowe wcięcia: 2 spacje, 4 spacje lub tabulator, opcjonalnie z zawijaniem wierszy. Ponowne formatowanie daje ten sam wynik.
Minifikacja HTML
Usuwa zbędne białe znaki i komentarze, minifikuje CSS i JavaScript osadzone w stronie oraz pokazuje, ile udało się zaoszczędzić.
Podstawowa kontrola kodu
Lista niezamkniętych i zbędnych znaczników, zduplikowanych identyfikatorów id i atrybutów. Kliknięcie pozycji przenosi do wiersza.
Szerokości urządzeń
Podgląd w szerokości 1280, 768 i 375 pikseli albo w nowej karcie.
Limity i prywatność
Dokument może mieć do 5 MB. Powyżej 2 MB podświetlanie składni, autouzupełnianie i podgląd na żywo są wyłączane, aby strona działała płynnie – podgląd aktualizuje przycisk „Odśwież podgląd”. Wersja robocza jest zapisywana tylko dla dokumentów do 1 MB.
Kontrola obejmuje strukturę znaczników, identyfikatory i atrybuty – to nie jest pełna walidacja W3C. Formatowanie i minifikacja działają w tle, na twoim urządzeniu. Zewnętrzne obrazy i style strony można zablokować. Do samego obejrzenia gotowego pliku służy HTML viewer. Więcej na stronie o prywatności.
Najczęstsze pytania
Jak edytować plik HTML online?
Wystarczy kliknąć „Otwórz plik” lub upuścić plik .html na panel kodu, wprowadzić zmiany i kliknąć „Pobierz .html”. Plik jest odczytywany w przeglądarce i nie jest wysyłany na serwer.
Czy ten edytor HTML online jest darmowy?
Tak, bez rejestracji i bez znaku wodnego.
Czy można edytować HTML na Macu, iPhonie albo telefonie z Androidem?
Tak. Edytor działa w Safari, Chrome, Edge i Firefoksie. Na telefonie karty „Kod” i „Podgląd” przełączają widok.
Jak edytować HTML w Chrome bez rozszerzenia?
Wystarczy otworzyć tę stronę w Chrome: edytor kodu z podglądem na żywo działa bez rozszerzeń i bez narzędzi deweloperskich.
Czy da się edytować HTML istniejącej strony internetowej?
Tak: najpierw należy zapisać stronę z przeglądarki jako plik .html, a potem otworzyć go tutaj i edytować kod.
Czy kod zniknie po zamknięciu karty?
Nie. Dokumenty do 1 MB są zapisywane jako wersja robocza w tej przeglądarce i przywracane przy następnej wizycie. „Usuń wersję roboczą” je kasuje.
Czy edytor uruchamia JavaScript?
Tylko po włączeniu „Uruchamiaj JavaScript”. Skrypty działają wtedy w piaskownicy bez dostępu do tej witryny; jeśli pętla zawiesi podgląd, wystarczy wyłączyć tę opcję.