Éditeur en direct HTML/CSS/JS
Un mini bac à sable dans le navigateur — écrivez du HTML, du CSS et du JS et voyez le résultat se mettre à jour en direct dans un aperçu en bac à sable, sans compte ni étape de build.
887 vues
Un bac à sable sans aucune installation
Tapez dans les onglets HTML, CSS et JS, et l'aperçu ci-dessous se met à jour au fur et à mesure — le tout fonctionne entièrement dans votre navigateur, dans un iframe en bac à sable (sandbox) qui ne peut accéder ni à cette page ni à vos données. Pratique pour tester un extrait de code, prototyper un composant, ou vérifier le rendu réel d'un bout de CSS avant de l'intégrer dans un vrai projet.
Il s'agit volontairement d'une édition en texte brut (sans coloration syntaxique), afin de garder l'outil rapide et sans aucune bibliothèque d'éditeur externe.
Questions fréquentes
Mon code est-il envoyé quelque part ?
Non — tout s'exécute localement dans votre navigateur. L'aperçu est rendu dans un iframe en bac à sable sur cette même page ; rien n'est téléversé ni enregistré sur un serveur.
Pourquoi pas de coloration syntaxique ?
Ajouter un véritable éditeur de code (coloration syntaxique, autocomplétion) implique de charger une lourde bibliothèque d'éditeur tierce. Cet outil reste volontairement léger — de simples zones de texte, un chargement instantané, aucune dépendance.
Est-il sûr d'exécuter du code non fiable dans l'aperçu ?
L'iframe d'aperçu utilise sandbox="allow-scripts" sans allow-same-origin, de sorte que les scripts qu'il contient ne peuvent lire ni les cookies, ni le stockage local, ni quoi que ce soit d'autre provenant de cette page — il est isolé de la même manière qu'un contenu intégré non fiable.
Outils similaires
Signaler un problème
Éditeur en direct HTML/CSS/JS