Comment l’utiliser

Quatre étapes : coller, lancer, vérifier, copier. Tout reste dans le navigateur.

Collez votre contenu

Ajoutez du CSS, HTML, JSON ou autre texte. Rien n’est envoyé.

Lancez l’outil

Cliquez sur Convertir ou Exécuter. Le résultat s’affiche tout de suite.

Vérifiez la sortie

Lisez le code généré et les notes avant de l’utiliser.

Copiez et utilisez

Copiez le résultat et collez-le dans votre projet.

À propos de cet outil

L'outil affiche un fragment HTML dans un iframe en bac à sable pour que vous voyiez sa structure sans ouvrir un autre fichier. Les scripts restent isolés : il s'agit d'un aperçu du balisage, pas de l'exécution d'une application complète.

Exemple

L'exemple utilise des styles en ligne pour afficher immédiatement quelque chose.

Entrée

<article style="font-family:system-ui;padding:1rem">
  <h1 style="margin:0 0 .5rem">Preview card</h1>
  <p style="margin:0;color:#334155">Sandboxed HTML viewer example.</p>
</article>

Sortie

(rendered in the preview frame)

Conseil

Si le rendu paraît nu, le fragment dépendait probablement d'une feuille de styles externe absente du cadre.