Edytor HTML

Pisz kod w kartach HTML, CSS i JavaScript, a podgląd obok pokazuje stronę na bieżąco podczas pisania. Odznacz „Aktualizuj podczas pisania”, by uruchamiać kod tylko po kliknięciu „Uruchom” lub naciśnięciu Ctrl+Enter. Edytor podświetla kod, robi wcięcia w nowych wierszach, zamyka nawiasy i znaczniki i zaznacza błędy na marginesie, a konsola pod podglądem pokazuje, co twój skrypt wypisuje przez console.log(), oraz zgłaszane przez niego błędy z numerami wierszy. Przyciski nad podglądem pokazują stronę w szerokości laptopa, tabletu lub telefonu, a przycisk pełnego ekranu oddaje edytorowi całe okno.

Twoja strona działa w osobnej, izolowanej ramce, więc jej style i skrypty nie mogą zmienić tej witryny, a witryna nie czyta twojego kodu. Kod zapisuje się w przeglądarce podczas pisania i nadal tam jest, gdy ponownie otworzysz edytor. „Kopiuj HTML” i „Pobierz HTML” dają całą stronę jako jeden plik HTML z CSS i JavaScript w środku, gotowy do otwarcia w przeglądarce lub wgrania na serwer, a „Otwórz plik” wczytuje plik HTML, CSS lub JavaScript do odpowiedniej karty. „Wczytaj przykład” przywraca przykładową stronę. Edytor jest oparty na Ace, edytorze kodu o otwartym kodzie źródłowym.