Outils pour développeurs

Aperçu HTML en direct

Collez du HTML/CSS/JS et prévisualisez la page instantanément — l'exécution se fait dans votre navigateur.

Dans le navigateur

L'aperçu s'exécute dans un cadre isolé — rien n'est envoyé à 1CLIK.

À propos de cet outil

Prévisualisez du HTML dans la page pour esquisser un extrait d’e-mail, un bloc d’atterrissage ou un exercice, sans déployer de serveur.

L’aperçu en direct sert à apprendre et à attraper les balises manquantes avant de coller dans un CMS. Ce n’est pas un bac à sable de production : les scripts peuvent être limités, et il ne faut pas tester des pixels tiers avec de vraies données clients.

Écrivez du HTML sémantique. Regardez le rendu arabe de droite à gauche si le fragment ira sur 1CLIK ou sur un site bilingue. Associez Embellir HTML quand le collage est arrivé sur une seule ligne minifiée.

Ne prévisualisez pas du HTML auquel vous ne faites pas confiance (pièces jointes au hasard). Le balisage malveillant est rare dans vos brouillons et fréquent dans les modèles « gratuits ». Réservez l’espace au code que vous avez écrit ou relu.

Étapes rapides

  1. Collez ou tapez le HTML dans l’éditeur.
  2. Regardez le volet d’aperçu se mettre à jour.
  3. Corrigez les balises, puis copiez le balisage.
  4. Testez à nouveau dans le vrai CMS ou l’outil d’e-mail.

Le balisage reste dans l’onglet. Nous ne publions pas votre extrait sur internet.

FAQ

Puis-je utiliser CSS et JS ?

Le playground HTML, CSS et JS convient mieux aux essais sur plusieurs fichiers.

HTML d’e-mail ?

Les clients mail sont capricieux. Prévisualisez ici, puis testez dans le vrai client, comme Gmail ou Outlook.

PHP ou Blade ?

Ceci est du HTML côté client. Les modèles serveur ne s’exécutent pas.

Une étape utile ensuite

Politiques du site : Confidentialité · Conditions