Éditeur HTML en ligne
Écrivez ou collez du HTML : vous voyez aussitôt le rendu à côté. Le mode Markdown transforme un balisage simple en HTML prêt pour une fiche produit ou une newsletter.
- Gratuit
- Sans inscription
- Fonctionne dans le navigateur
Éditeur HTML en ligne
À quoi sert un éditeur HTML quand on vend en ligne
| Tâche | Ce que vous faites |
|---|---|
| Fiche produit de la boutique | rédiger des intertitres, des listes et un tableau de caractéristiques, et voir le résultat avant de le mettre dans la fiche |
| Description du fournisseur | coller le HTML d’un tiers et voir ce qu’il contient : styles superflus, balises non fermées, images cassées |
| Newsletter ou modèle | modifier un bloc de l’e-mail et voir aussitôt son rendu |
| Texte en Markdown | convertir des notes, une réponse d’IA ou un README en HTML et copier le code |
La longueur du texte final par rapport aux limites des marketplaces se mesure avec le compteur de caractères.
Les balises HTML d’une fiche produit
| Balise | Rôle | Exemple |
|---|---|---|
| <h2>, <h3> | intertitres de la description | <h2>Caractéristiques</h2> |
| <p> | paragraphe | <p>Chaussures de running légères.</p> |
| <strong>, <em> | gras et italique | <strong>Poids 260 g</strong> |
| <ul>, <li> | liste des avantages ou du contenu du colis | <ul><li>Pointures 38–46</li></ul> |
| <table>, <tr>, <td> | tableau de caractéristiques | <tr><td>Semelle</td><td>EVA</td></tr> |
| <img> | image par son adresse | <img src="https://…/photo.jpg" alt="Chaussures de running"> |
| <a> | lien | <a href="https://…">Guide des tailles</a> |
Les scripts, les styles de page et les iframes n’ont pas leur place dans une fiche produit : la plupart des boutiques et des marketplaces les suppriment. Ce qu’une fiche doit contenir : fiche produit en cinq blocs.
Convertir du Markdown en HTML
Passez en mode « Markdown → HTML » et collez le texte : le résultat s’affiche à droite, et « Copier le HTML » copie le code final. Le Markdown est pratique quand les textes naissent dans des notes, une messagerie ou viennent d’une IA : le balisage est simple et le HTML obtenu est propre, sans styles superflus.
| Markdown | HTML |
|---|---|
| ## Titre | <h2>Titre</h2> |
| **gras**, *italique* | <strong>gras</strong>, <em>italique</em> |
| - Élément | <ul><li>Élément</li></ul> |
| 1. Élément | <ol><li>Élément</li></ol> |
| [Texte](https://…) | <a href="https://…">Texte</a> |
| | A | B | + ligne |---|---| | tableau <table> |
Le HTML issu du Markdown est nettoyé des scripts et des attributs dangereux avant d’arriver dans l’aperçu et dans le presse-papiers.
Vérifier les erreurs d’un code HTML
Sous l’éditeur, vous voyez combien de caractères compte le code et quelles balises sont ouvertes sans être fermées — un </strong> oublié met par exemple en gras tout le reste de la description. C’est une alerte rapide, pas une validation complète.
La validation complète selon le standard se fait avec le validateur gratuit du W3C : collez le code dans l’onglet « Validate by Direct Input » — il indique chaque erreur avec son numéro de ligne.
Voir et modifier le HTML d’une page dans le navigateur
- Tout le code source de la page : dans Chrome, Edge ou Firefox, appuyez sur Ctrl + U (sur Mac, ⌘ + Option + U).
- Le code d’un bloc : clic droit dessus → « Inspecter ». Les modifications faites dans cette fenêtre ne sont visibles que par vous et disparaissent au rechargement.
- Copier le HTML d’un bloc : dans la même fenêtre, clic droit sur la ligne → « Copier » → « Copier l’élément », puis collez-le ici pour le retravailler tranquillement.
Coller du HTML d’un tiers : est-ce sûr ?
Oui. L’aperçu s’affiche dans un cadre isolé sans autorisation d’exécuter des scripts : le code collé ne lance aucun JavaScript, ne voit ni la page ni vos données, et ses liens ne s’ouvrent pas dans cet onglet. Le code n’est envoyé nulle part — l’éditeur fonctionne dans votre navigateur.
Des fiches produits en HTML sans travail manuel
Écrire le HTML de chaque fiche à la main devient impossible au-delà de quelques centaines de produits. Elbuz rédige les descriptions longues et courtes pour une catégorie ou tout le catalogue d’un coup et les enregistre séparément pour chaque langue — le PIM d’Elbuz. Le générateur de pages de présentation transforme une fiche produit en page interactive avec photos et échelles de caractéristiques, et l’intègre à la description dans la boutique sans modifier la description elle-même.
Erreurs fréquentes
- Balise non fermée : un
<b>sans</b>met en gras tout le texte qui suit. - Description copiée depuis Word, avec ses
style="…"et ses polices — dans la boutique, elle n’a pas le même aspect que dans l’éditeur. - Image appelée par l’adresse d’un autre site : si elle y est supprimée, il reste un trou dans la description.
- Tableau sans
<tr>: le navigateur place toutes les cellules sur une seule ligne. - Script dans la fiche produit — les marketplaces et la plupart des boutiques le suppriment ou refusent le produit.
Le saviez-vous ?
Le Markdown a été conçu comme un outil de conversion de texte en HTML pour les rédacteurs web ; la version 1.0.1 date du 17 décembre 2004.
Source : John Gruber, Daring Fireball, « Markdown », vérifié le 01.11.2026Un iframe doté de l’attribut sandbox sans allow-scripts n’exécute pas les scripts de la page intégrée.
Source : MDN Web Docs, « <iframe> », vérifié le 01.11.2026Le validateur du W3C vérifie le balisage à partir de l’adresse d’une page, d’un fichier envoyé ou d’un code collé.
Source : W3C Markup Validation Service, vérifié le 01.11.2026L’idée de faire évoluer le HTML, d’où est né HTML5, a été présentée par Mozilla et Opera en 2004 lors d’un atelier du W3C.
Source : WHATWG, HTML Living Standard — Introduction, vérifié le 01.11.2026
Questions fréquentes
Comment modifier du HTML en ligne ?
Collez le code dans l’éditeur : le résultat s’affiche aussitôt à droite. Modifiez le code, puis cliquez sur « Copier le HTML ».
Comment convertir du Markdown en HTML ?
Passez en mode « Markdown → HTML », collez le texte et copiez le HTML obtenu avec « Copier le HTML ».
Comment vérifier les erreurs d’un code HTML ?
Sous l’éditeur, vous voyez les balises non fermées et les fermetures en trop. La validation complète selon le standard se fait avec le validateur du W3C, onglet « Validate by Direct Input ».
Comment voir le code HTML d’un site ?
Ouvrez la page dans le navigateur et appuyez sur Ctrl + U : c’est tout le code source. Le code d’un bloc s’affiche par clic droit → « Inspecter ».
Peut-on modifier le HTML dans Chrome ?
Oui : clic droit sur l’élément → « Inspecter », puis double-clic sur un texte ou un attribut. Les changements ne sont visibles que par vous jusqu’au rechargement ; pour les garder, copiez le code dans l’éditeur.
Est-il sûr de coller ici le code d’un tiers ?
Oui : l’aperçu est un cadre isolé sans scripts, le code n’est ni exécuté ni envoyé.
Avec quoi ouvrir un fichier HTML ?
Avec n’importe quel navigateur — il affiche la page. Pour le modifier, ouvrez le fichier dans un éditeur de texte ou copiez son contenu ici.