Aller au contenu

Éditeur HTML

Écrivez en mode visuel et voyez le code HTML se mettre à jour en direct.

Visuel
Chargement de l'éditeur…
Plus d'options de nettoyage →
AperçuLes scripts ne s'exécutent pas ici. Besoin d'exécuter du JavaScript ? Utilisez la visionneuse HTML
Fonctionne dans votre navigateur : votre document est enregistré uniquement sur cet appareil. Effacer le supprime.

Mode d'emploi

  1. Collez votre HTML dans le panneau Code.
  2. Modifiez le contenu dans le panneau Visuel.
  3. Choisissez un Préréglage de nettoyage, puis cliquez sur Nettoyer.
  4. Choisissez Fragment dans Télécharger en tant que pour exporter uniquement le contenu du corps de la page.
  5. Cliquez sur Télécharger le .html pour enregistrer le résultat.

Exemples

Nettoyer un texte issu de Word

Entrée
<p class="MsoNormal" style="mso-margin-top-alt:auto"><b>Compte rendu de réunion</b><o:p></o:p></p>
<p class="MsoNormal" style="font-family:Calibri">La prochaine réunion aura lieu à Lyon le 12 novembre.</p>
Sortie
<p><strong>Compte rendu de réunion</strong></p>
<p>La prochaine réunion aura lieu à Lyon le 12 novembre.</p>

Simplifier un extrait pour un CMS

Entrée
<h2 class="wp-block-heading">Horaires de la médiathèque</h2>
<p class="intro" style="color:#333"><span>Ouverture du mardi au samedi.</span></p>
<p></p>
<p><a href="https://www.lyon.fr" class="bouton" target="_blank">Consulter les informations pratiques</a></p>
Sortie
<h2>Horaires de la médiathèque</h2>
<p>Ouverture du mardi au samedi.</p>
<p><a href="https://www.lyon.fr">Consulter les informations pratiques</a></p>

Conserver la structure d’un article sans scripts

Entrée
<h2 id="atelier">Atelier de jardinage à Nantes</h2>
<p style="color:green">Apprenez à cultiver des herbes aromatiques sur votre balcon.</p>
<script>console.log('inscription');</script>
<iframe src="https://example.org/inscription"></iframe>
<ul class="programme"><li>Choisir les pots</li><li>Préparer le terreau</li></ul>
Sortie
<h2>Atelier de jardinage à Nantes</h2>
<p>Apprenez à cultiver des herbes aromatiques sur votre balcon.</p>
<ul><li>Choisir les pots</li><li>Préparer le terreau</li></ul>

FAQ

Comment convertir un document Word en HTML ?

Ouvrez le document dans Word ou Google Docs, puis copiez son contenu dans le panneau Visuel avec Nettoyer au collage activé. Les fichiers .doc et .docx ne peuvent pas être ouverts directement.

Peut-on exécuter du JavaScript dans cet éditeur HTML ?

Les scripts ne s’exécutent ni dans l’éditeur visuel ni dans l’aperçu. Le balisage non pris en charge reste dans le code tant que vous ne modifiez pas le contenu visuellement ; une modification visuelle le supprime. Pour exécuter du JavaScript, utilisez la Visionneuse HTML.

Peut-on modifier une page HTML complète ?

Vous pouvez coller un document HTML complet. Les modifications visuelles et le nettoyage portent uniquement sur le contenu du corps de la page (body) ; le doctype, l’en-tête (head) et les attributs des éléments html et body sont conservés.

Où est enregistré mon document HTML ?

Le traitement se fait dans votre navigateur : le code de l’outil n’envoie pas votre document sur le réseau. Un brouillon est enregistré dans ce navigateur, sauf si le stockage local est bloqué ; le bouton Effacer le supprime. Les images et autres ressources externes sont chargées depuis leurs URL d’origine ; leurs serveurs peuvent donc voir votre adresse IP.