FrançaisFR

Éditeur HTML en ligne avec aperçu en direct

Écrivez votre code à gauche : le résultat s’affiche à droite au fil de la frappe.

Vos textes et fichiers restent dans votre navigateur : rien n’est envoyé à un serveur.

La touche Tab insère deux espaces. Pour quitter l’éditeur au clavier, appuyez d’abord sur Échap, puis sur Tab.

Aperçu

Mode d’emploi

  1. Écrivez votre HTML dans la zone de gauche. Le CSS placé dans <style> et le JavaScript placé dans <script> sont aussi exécutés.
  2. Quand « Actualiser pendant la saisie » est activé, l’aperçu se redessine à chaque pause dans la frappe. Pour un code lourd, désactivez l’option et cliquez plutôt sur « Actualiser ».
  3. Réglez la « Largeur de l’aperçu » sur Smartphone ou Tablette pour tester votre mise en page responsive.
  4. Une fois terminé, enregistrez le tout en index.html avec « Télécharger » ou récupérez le code avec « Copier ».

Questions fréquentes

Est-ce sans risque d’exécuter des scripts dans l’aperçu ?

L’aperçu tourne dans un iframe isolé (sandbox) qui n’autorise que les scripts. Il n’a accès ni aux cookies ni au stockage de cette page, et les fenêtres pop-up comme l’envoi de formulaires sont bloqués. Évitez tout de même de coller du code venant d’une source dont vous doutez.

Mon code est-il enregistré ?

Non. Il disparaît quand vous fermez ou rechargez la page, et il n’est jamais envoyé à un serveur. Téléchargez-le ou copiez-le si vous voulez le garder.

Puis-je charger des fichiers CSS, JS ou des images externes ?

Oui, les fichiers servis en https s’intègrent avec <link>, <script src> et <img>. En revanche, le navigateur bloque les chemins vers des fichiers locaux de votre ordinateur.

Outils similaires

Formateur HTMLRanger et indenter le code HTMLValidateur HTMLVérifier balises et structure HTMLAperçu MarkdownMarkdown en direct, export HTMLMinifieur JS/CSSAlléger les fichiers JS et CSS

Tous les outils