Online Tool Store
Edytor kodu HTML
Przygotuj dokumenty HTML z tytułem, trybem edycji, podglądem i eksportem w dopracowanym środowisku dla programistów działającym w przeglądarce.
To narzędzie działa w całości w Twojej przeglądarce. Twoje pliki nigdy nie są wysyłane na serwer.
Deweloper
Edytor kodu HTML
Obszar roboczy
Kreator znaczników — kliknij, aby wstawić do HTML
Konsola
Tutaj pojawi się wynik konsoli z podglądu.
Podgląd działający wyłącznie we frontendzie — kod uruchamiany jest w izolowanym iframe w Twojej przeglądarce; nic nie jest przesyłane na serwer.
Jak działa Edytor kodu HTML
- Wpisz lub wklej znaczniki, style i skrypt w kartach HTML, CSS i JavaScript albo kliknij przycisk kreatora tagów (H1, obraz, iframe, lista, tabela i więcej), aby wstawić gotowy fragment w miejscu kursora.
- Naciśnij Uruchom (lub po prostu pisz dalej), aby obok edytora wyświetlić na żywo izolowany podgląd, i obserwuj wynik console.log oraz błędy wykonania skryptu w panelu Konsola poniżej.
- Kliknij Pobierz HTML, aby zapisać pojedynczy samodzielny plik z osadzonym tytułem, stylami i skryptem.
Najczęstsze pytania
Czy to publikuje mój HTML?
Nie. Twój kod jest renderowany w izolowanym elemencie iframe, w całości w Twojej przeglądarce. Nigdy nie jest przesyłany, zapisywany na serwerze ani wysyłany do usług firm trzecich.
Czy mogę zobaczyć błędy i dane wyjściowe logów mojego skryptu?
Tak – panel Konsola pod edytorem pokazuje wynik console.log oraz błędy wykonania skryptu, gdy tylko uruchomi się podgląd.
Czy mogę wyeksportować plik HTML?
Tak. Kliknij Pobierz HTML, aby zapisać pojedynczy plik .html z osadzonym CSS i JavaScript oraz zastosowanym tytułem dokumentu, gotowy do otwarcia lub hostowania w dowolnym miejscu.
Czy muszę coś instalować lub się rejestrować?
Nie. Edytor, podgląd na żywo i konsola działają w karcie przeglądarki – nie ma nic do instalowania i nie jest wymagane konto.
Czy mogę pisać CSS i JavaScript, a nie tylko HTML?
Tak. Obok karty HTML znajdują się osobne karty CSS i JavaScript, a wszystkie trzy są łączone w podglądzie na żywo i w pobranym pliku.
Jak wypadamy na tle innych
| Funkcja | Online Tool Store | Edytor desktopowy | Hostowany playground |
|---|---|---|---|
| Dedykowany interfejs edycji HTML | ✓ | ✓ | ✓ |
| Konto niewymagane | ✓ | ✓ | Zależy |
| Czysto przeglądarkowy frontend | ✓ | ✗ | Zależy |