Qu'est-ce que l'Éditeur HTML en Direct ?
L'Éditeur HTML en Direct en Ligne est un outil gratuit conçu pour les développeurs web, les designers et les étudiants afin de prévisualiser instantanément les codes HTML, CSS et JavaScript dans le navigateur. Vous pouvez rapidement expérimenter le code, créer des prototypes et tester vos erreurs sans installer de programme éditeur.
Que pouvez-vous faire avec cet outil ?
- Tester les structures HTML5 : Essayez rapidement de nouvelles balises HTML et structures de page.
- Créer des mises en page CSS : Écrivez vos codes CSS sans vous soucier des fichiers de style et voyez le résultat visuel instantanément. Idéal pour tester les couleurs, les polices et les mises en page.
- Exécuter du code JavaScript : Testez des fonctions JS simples, des écouteurs d'événements et des manipulations du DOM.
Comment utiliser ?
Écrivez vos codes dans la zone de l'éditeur sombre à gauche. L'éditeur détecte automatiquement le code que vous écrivez et affiche le résultat dans la zone d'aperçu blanche à droite (ou en bas sur mobile). Vous pouvez ajouter un code de démarrage HTML5 prêt à l'emploi via le bouton "Modèle", et déclencher manuellement l'aperçu avec le bouton "Exécuter".