HTML-Editor

Schreiben Sie Ihren Code in die Tabs HTML, CSS und JavaScript, und die Vorschau daneben zeigt die Seite schon beim Tippen. Entfernen Sie das Häkchen bei „Beim Tippen aktualisieren“, um den Code nur auszuführen, wenn Sie auf „Ausführen“ klicken oder Strg+Enter (Ctrl+Enter) drücken. Der Editor hebt den Code farbig hervor, rückt neue Zeilen ein, schließt Klammern und Tags und markiert Fehler am Rand, und die Konsole unter der Vorschau zeigt, was Ihr Skript mit console.log() ausgibt, sowie die Fehler, die es auslöst, mit ihren Zeilennummern. Die Schaltflächen über der Vorschau zeigen die Seite in der Breite eines Laptops, Tablets oder Handys, und die Vollbild-Schaltfläche gibt dem Editor das ganze Fenster.

Ihre Seite läuft in einem separaten, abgeschotteten Frame (Sandbox), sodass ihre Styles und Skripte diese Website nicht verändern können, und die Website liest Ihren Code nicht. Der Code wird beim Tippen in Ihrem Browser gespeichert und ist noch da, wenn Sie den Editor wieder öffnen. „HTML kopieren“ und „HTML herunterladen“ liefern die ganze Seite als eine HTML-Datei mit CSS und JavaScript darin, bereit zum Öffnen im Browser oder zum Hochladen, und „Datei öffnen“ lädt eine HTML-, CSS- oder JavaScript-Datei in ihren Tab. „Beispiel laden“ holt die Beispielseite zurück. Der Editor basiert auf Ace, einem Open-Source-Code-Editor.