HTML Düzenleyici

Kodunuzu HTML, CSS ve JavaScript sekmelerine yazın; yanlarındaki önizleme sayfayı siz yazarken gösterir. Kodu yalnızca “Çalıştır” düğmesine tıkladığınızda ya da Ctrl+Enter tuşlarına bastığınızda çalıştırmak için “Yazarken güncelle” kutusunun işaretini kaldırın. Düzenleyici kodu renklendirir, yeni satırları girintiler, parantezleri ve etiketleri kapatır ve hataları kenar boşluğunda işaretler; önizlemenin altındaki konsol ise betiğinizin console.log() ile yazdıklarını ve fırlattığı hataları satır numaralarıyla gösterir. Önizlemenin üstündeki düğmeler sayfayı dizüstü bilgisayar, tablet veya telefon genişliğinde gösterir, tam ekran düğmesi ise düzenleyiciye tüm pencereyi verir.

Sayfanız ayrı, yalıtılmış bir çerçevede çalışır; bu yüzden stilleri ve betikleri bu siteyi değiştiremez, site de kodunuzu okumaz. Kod siz yazarken tarayıcınıza kaydedilir ve düzenleyiciyi yeniden açtığınızda yerinde durur. “HTML'yi kopyala” ve “HTML'yi indir”, CSS ve JavaScript içinde olmak üzere tüm sayfayı, tarayıcıda açmaya ya da yüklemeye hazır tek bir HTML dosyası olarak verir; “Dosya aç” ise bir HTML, CSS veya JavaScript dosyasını kendi sekmesine yükler. “Örneği yükle” örnek sayfayı geri getirir. Düzenleyici, açık kaynaklı bir kod düzenleyici olan Ace üzerine kuruludur.