Éditeur HTML

Écrivez votre code dans les onglets HTML, CSS et JavaScript, et l’aperçu à côté affiche la page au fil de la saisie. Décochez « Actualiser en direct » pour n’exécuter le code que lorsque vous cliquez sur « Exécuter » ou appuyez sur Ctrl+Enter. L’éditeur colore le code, indente les nouvelles lignes, ferme les parenthèses et les balises et signale les erreurs dans la marge, et la console sous l’aperçu montre ce que votre script écrit avec console.log() et les erreurs qu’il déclenche, avec leurs numéros de ligne. Les boutons au-dessus de l’aperçu affichent la page à la largeur d’un ordinateur portable, d’une tablette ou d’un téléphone, et le bouton plein écran donne toute la fenêtre à l’éditeur.

Votre page s’exécute dans un cadre séparé et isolé : ses styles et ses scripts ne peuvent pas modifier ce site, et le site ne lit pas votre code. Le code est enregistré dans votre navigateur pendant la saisie, et vous le retrouvez quand vous rouvrez l’éditeur. « Copier le HTML » et « Télécharger le HTML » vous donnent toute la page en un seul fichier HTML, avec le CSS et le JavaScript à l’intérieur, prêt à ouvrir dans un navigateur ou à mettre en ligne, et « Ouvrir un fichier » charge un fichier HTML, CSS ou JavaScript dans son onglet. « Charger l’exemple » rétablit la page d’exemple. L’éditeur repose sur Ace, un éditeur de code open source.