DT Dev Tools

HTML Viewer — Éditeur HTML en ligne

Éditeur HTML en ligne avec aperçu en direct. Écrivez HTML, CSS et JavaScript et voyez le rĂ©sultat instantanĂ©ment, dans votre navigateur.

🔒 S'exĂ©cute entiĂšrement dans votre navigateur — rien n'est envoyĂ©

DĂ©posez un fichier .html ici ou cliquez pour parcourir — ou modifiez le code ci-dessous

Cet outil vous a-t-il été utile ? Notez-le :

Ce que fait HTML Viewer

HTML Viewer est un éditeur HTML en ligne avec aperçu en direct. Collez un extrait ou écrivez une page complÚte en HTML, CSS et JavaScript : le rendu s'affiche à cÎté du code. Idéal pour tester des modÚles d'e-mail, prototyper des mises en page, vérifier des extraits copiés, apprendre les bases du web ou reproduire un bug sans créer de projet, enregistrer de fichiers ni lancer de serveur local.

L'aperçu se met à jour automatiquement peu aprÚs la derniÚre frappe, pour un retour rapide. Pour une page lourde ou un script avec effets de bord, désactivez l'exécution automatique et cliquez sur Exécuter au moment voulu. Vous pouvez aussi réinitialiser l'exemple, copier la source, la télécharger en fichier .html autonome ou l'ouvrir dans un nouvel onglet.

Privé et isolé

Tout s'exécute localement dans votre navigateur. Votre code n'est jamais envoyé et aucun compte n'est requis. L'aperçu s'affiche dans un iframe en bac à sable : les scripts s'exécutent mais restent isolés de cette page et ne peuvent lire ni vos brouillons, ni les cookies, ni d'autres données du site. Il est donc raisonnablement sûr d'essayer des extraits non fiables, mais évitez de coller du code incompris qui charge des ressources tierces.

Conseils pratiques

Incluez un document complet avec doctype, head et body pour imiter une vraie page, ou collez un simple fragment et laissez le navigateur le compléter. Utilisez des blocs style et script en ligne pour garder l'exemple dans un seul fichier. Les bibliothÚques externes se chargent via des URL absolues. Les liens relatifs et chemins locaux ne fonctionnent pas, car l'aperçu n'a pas de dossier. Votre dernier brouillon est enregistré localement avec option de restauration.

Comment utiliser

  1. Écrire ou coller du HTMLSaisissez HTML, CSS et JavaScript dans l'Ă©diteur ou partez de l'exemple.
  2. Voir l'aperçu en directL'aperçu se met à jour pendant la saisie ; pour les pages lourdes, désactivez l'exécution automatique.
  3. Enregistrer la pageCopiez le code, téléchargez-le en .html ou ouvrez-le dans un nouvel onglet.

Questions fréquemment posées

Mon HTML est-il envoyé quelque part ?
Non. Le code est affiché dans un iframe isolé de votre navigateur et ne quitte jamais votre appareil.
Puis-je exécuter du JavaScript ?
Oui. Les scripts s'exécutent dans l'aperçu isolé, séparés de la page du site.
Puis-je charger du CSS ou des images externes ?
Oui, les URL absolues fonctionnent comme sur toute page web. Les fichiers locaux ne sont pas accessibles.