Atelier de code web
Modifiez les fichiers HTML, CSS et JavaScript avec surbrillance, aperçu en direct et exportation ZIP.
Bêta · Vérifiez le résultat avant de l'utiliser. Voir la portée de cet outil sous l'éditeur.
index.html
Utilisez Tab pour quitter l'éditeur. Vous pouvez rechercher et annuler avec les raccourcis habituels.
Renommer le fichier actif
Aperçu
Profils de 124 tailles. Simule la fenêtre d'affichage CSS, sans modifier le navigateur, le système d'exploitation, la densité ou les capacités tactiles. Importez du HTML/CSS/JS local ; ne charge pas les sites externes.
Console de projet
HTML et CSS sont automatiquement prévisualisés. JavaScript nécessite une activation ; s'exécute dans une vue isolée sans réseau, cookies ou stockage sur site. Sans npm, importations, frameworks, binaires ou scripts en ligne. Les boucles et les fonctions ont des limites indicatives ; ce n'est ni un environnement pour code hostile ni une garantie contre toute consommation CPU ou mémoire. Lors de l'importation, JavaScript est à nouveau désactivé. Vos fichiers ne sont pas enregistrés.
Préparation de l'éditeur…
Comment utiliser cet outil
- Importez vos fichiers ou modifiez l'exemple de projet.
- Choisissez la page HTML et vérifiez l'aperçu ; Activez JavaScript si vous souhaitez exécuter votre code.
- Téléchargez votre projet ZIP avant de partir.
Ce qu’il faut savoir
Jusqu'à 20 fichiers UTF-8, 200 000 caractères par fichier et 1 Mo au total. Pas de npm, de modules, d'importations ou d'images de fichiers. Opt-in JavaScript, isolé du site et sans réseau ; scripts en ligne omis. Protection indicative des boucles/fonctions ; ne garantit pas de limites contre tout code hostile. Ne stocke pas les projets.
Mon code peut-il accéder au site ou à Internet ?
L'aperçu utilise un bac à sable iframe sans autorisation de même origine et son propre CSP sans réseau/stockage. JavaScript est expressément activé et désactivé à nouveau lors de l'importation. Téléchargez votre projet avant de partir.