Éditeur & Visualiseur HTML

Écrivez, collez ou téléversez du HTML, CSS et JavaScript dans le panneau "Éditeur HTML" et observez le résultat en temps réel dans le "Visualiseur HTML".

Éditeur HTML Tapez, collez ou déposez un fichier .html
Visualiseur HTML Aperçu en direct modifiable

Comment utiliser l'éditeur et le visualiseur HTML

1. Écrivez ou collez votre HTML

Tapez directement dans le panneau de code à gauche ou collez le code que vous avez déjà : un formulaire de contact, un modèle d'e-mail, une page HTML complète avec CSS et JavaScript, ou tout autre projet HTML. La coloration syntaxique vous aide à distinguer clairement les balises, attributs et valeurs pendant que vous travaillez.

2. Ou téléversez un fichier

Si vous avez déjà un fichier .html, glissez-le et déposez-le sur le panneau de code, ou cliquez sur « Téléverser un fichier » pour en choisir un depuis votre appareil. Il se chargera directement dans l'éditeur.

3. Observez l'aperçu en direct

Le panneau de droite affiche un aperçu en direct. Il rend votre HTML en temps réel pendant que vous tapez. Passez à « Source » chaque fois que vous voulez voir le code affiché.

4. Modifiez l'un ou l'autre côté

Utilisez la barre d'outils au-dessus du panneau de code pour insérer des balises, formater du texte ou annuler et rétablir des modifications. Cliquez directement dans l'aperçu et tapez. Lorsque vous sélectionnez du texte, une barre de formatage apparaît (italique, souligné, liens, alignement, couleur). En cliquant sur une image ou un autre élément, vous pouvez le supprimer une fois. Les deux panneaux restent synchronisés à tout moment.

5. Copiez ou téléchargez le HTML

Lorsque vous avez terminé vos modifications et que le visualiseur HTML affiche le résultat souhaité, cliquez sur « Copier le HTML » pour copier le code source dans le presse-papiers, ou cliquez sur « Télécharger .html » pour l'enregistrer sous forme de fichier.

Confidentialité et Sécurité

Rien de ce que vous saisissez ou téléversez n'est jamais envoyé à un serveur. Votre travail reste stocké dans votre propre navigateur afin que vous ne le perdiez pas, et rien n'est suivi.