Éditeur & Visualiseur HTML

Écrivez, collez ou chargez du HTML, CSS et JavaScript à gauche et visualisez le résultat en temps réel à droite. Les deux panneaux sont entièrement interactifs.

Éditeur HTML Tapez, collez ou déposez un fichier .html

Visualiseur HTML Aperçu en direct modifiable

Comment utiliser l'Éditeur HTML

1. Écrivez ou collez votre HTML

Tapez directement dans le panneau de code à gauche, ou collez le balisage que vous possédez déjà : formulaire de contact, template d'email, page HTML complète avec CSS et JavaScript, etc. La coloration syntaxique facilite la distinction des balises, attributs et valeurs.

2. Ou chargez un fichier

Vous avez déjà un fichier .html ? Glissez-déposez-le dans le panneau de code, ou cliquez sur "Charger un fichier". Il se chargera directement dans l'éditeur.

3. Regardez l'aperçu en direct

Le panneau de droite affiche un aperçu en temps réel. Basculez vers "Source" quand vous voulez voir le balisage exact rendu.

4. Modifiez des deux côtés

Utilisez la barre d'outils au-dessus du panneau de code pour insérer des balises courantes, formater du texte, annuler/rétablir. Ou cliquez directement dans l'aperçu : sélectionner du texte fait apparaître une barre de formatage (gras, italique, lien, alignement, couleur), et cliquer sur une image ou un élément permet de le supprimer. Les deux panneaux restent parfaitement synchronisés.

5. Copiez ou téléchargez le HTML

Une fois terminé, cliquez sur "Copier le HTML" pour copier le code source complet dans le presse-papiers, ou sur "Télécharger .html" pour enregistrer le fichier.

Votre HTML reste privé

Rien de ce que vous tapez ou chargez n'est envoyé sur un serveur. Votre travail est sauvegardé uniquement localement dans votre navigateur.