Softonic

Convertisseur Markdown en HTML

Étape 1 / 3
Suivant

Collez Markdown et obtenez un HTML sémantique propre, <h1> à <h6>, <ul>, <ol>, <table>, <pre><code> avec syntaxe mise en surbrillance, <blockquote>, URLs auto-liées. Choisissez un document complet (avec <html>, <head> et une feuille de style minimale) ou un fragment (juste le contenu du corps) selon que vous l’intégrez dans une page existante ou produisez un fichier autonome.

Comment convertir Markdown en HTML

  1. 1

    Collez Markdown

    Document complet ou extrait. Les métadonnées YAML sont automatiquement supprimées si présentes.

  2. 2

    Choisissez un ensemble d'extensions

    CommonMark uniquement, GFM (tableaux, listes de tâches, liens automatiques), ou GFM + mathématiques.

  3. 3

    Choisissez le mode de sortie

    Fragment pour intégration, ou document HTML complet avec head et CSS minimal.

  4. 4

    Copiez ou téléchargez HTML

    Récupérez le HTML en tant que texte ou enregistrez-le en tant que fichier `.html`.

Tableau de correspondance

Markdown HTML
# Heading 1 <h1>Heading 1</h1>
**bold** <strong>bold</strong>
*italic* <em>italic</em>
`code` <code>code</code>
Code délimité avec lang <pre><code class="language-js">
- item <ul><li>item</li></ul>
1. item <ol><li>item</li></ol>
> quote <blockquote><p>quote</p></blockquote>
[text](url) <a href="url">text</a>
![alt](src) <img src="src" alt="alt">
--- <hr>
Tableau GFM <table><thead>...</thead>...
- [x] done <input type="checkbox" checked disabled>

Mise en surbrillance de la syntaxe

Les blocs de code délimités avec des indices de langue obtiennent un attribut class="language-xxx" sur l’élément <code>. Le convertisseur intègre également la sortie tokenisée de highlight.js lorsque vous activez “pré-mis en surbrillance”, utile si la page cible ne charge pas un runtime de surbrillance.

Document complet vs. fragment

  • Fragment est le HTML interne uniquement, commencez par <h1> ou quel que soit le premier élément. Collez dans un bloc CMS existant, le corps d’un email ou un composant frontend.
  • Document complet enveloppe le fragment dans <!DOCTYPE html>, <html>, <head> avec une petite feuille de style par défaut (typographie, blocs de code, tableaux). Enregistrez-le en tant que .html et il s’ouvre dans n’importe quel navigateur, sans fichiers supplémentaires nécessaires.

CSS en ligne vs. externe

  • Styles en ligne (activer/désactiver) mettent tout le CSS directement sur les éléments. Laids mais infaillibles pour les modèles d’email.
  • Classes (par défaut) gardent le HTML propre et s’attendent à ce que la feuille de style de votre site gère le style.

Remarques d’accessibilité

  • Les titres sont rendus comme <h1>–<h6> sémantiques préservant votre hiérarchie. Ne sautez pas de niveaux dans la source.
  • Les images sans texte alternatif produisent <img alt=""> (un alt vide intentionnel pour les images décoratives), mais ajoutez un texte alternatif à moins que l’image ne soit vraiment décorative.
  • Les tableaux obtiennent un <thead> pour la ligne d’en-tête, améliorant la navigation pour les lecteurs d’écran.

Questions fréquentes

Oui. Le HTML brut dans la source est transmis avec les balises script et les attributs d’événement supprimés. Si vous avez besoin d’une sortie non assainie (vous faites confiance à l’entrée), il y a un interrupteur, ne l’utilisez pas sur le contenu fourni par l’utilisateur.

Les listes de tâches GFM (- [x], - [ ]) deviennent des éléments <input type="checkbox" disabled>. L’attribut disabled empêche les changements d’état accidentels dans la vue rendue.

Oui, activez les styles en ligne. Le convertisseur intègre un attribut de style minimal sur chaque bloc, ce dont ont besoin les clients de messagerie (Outlook, Gmail) car ils suppriment les blocs <style>.

Activez l’extension mathématique et les blocs $x^2$ ou $$...$$ se rendent via KaTeX. Le convertisseur produit du SVG ou du HTML statique, aucun runtime MathJax requis.

Non. L’analyse et la génération HTML se font dans votre navigateur. La source et la sortie ne quittent jamais votre appareil.

Outils similaires

Référence de la table ASCII

Table ASCII complète de 0 à 127 avec décimal, hexadécimal, octal, binaire et référence numérique HTML pour chaque caractère, y compris les codes de contrôle comme NUL, LF et DEL.

Référence des caractères HTML

Liste consultable des entités HTML, de leurs codes nommés et numériques, et un copier-coller en un clic pour les caractères et symboles spéciaux.

Compteur de FPS

Mesurez les FPS du navigateur avec requestAnimationFrame : lissage, fréquence d'images min et max, seuil d'alerte et graphique facultatif. Tout se passe en local, sans envoi ni API.

Référence des raccourcis clavier

Recherchez les raccourcis par défaut documentés de VS Code, Chrome et Bash avec GNU Readline sous macOS, Windows et Linux.

Générateur de carte CSS

Créez le CSS d’un conteneur de carte : fond, bordure, rayon des angles, espacement intérieur et ombre douce, avec aperçu immédiat et code à copier-coller.

Générateur de flèches CSS

Créez localement une flèche CSS avec direction, couleur, taille et épaisseur de bordure, puis copiez la règle.

Outil disponible dans d’autres langues