Utilia
Catégories ▾
Langue: fr ▾

Éditeur Markdown avec aperçu

Rédigez en Markdown avec un aperçu sécurisé en direct, tableaux et listes de tâches GitHub, compteur de mots, sauvegarde auto et export .md ou .html.

Aperçu

Mots
0
Caractères
0
Temps de lecture
0 min

Comment utiliser l’éditeur Markdown

  1. Rédigez ou collez votre texte dans la zone Markdown. L’Aperçu à côté (en dessous sur mobile) se met à jour pendant la frappe.
  2. Les boutons de Mise en forme (Gras, Italique, Titre, Lien, Liste, Citation, Code) encadrent le texte sélectionné ; Ctrl+B et Ctrl+I (⌘B et ⌘I sur Mac) fonctionnent aussi.
  3. Laissez cochée l’option Markdown GitHub (tableaux, listes de tâches, \~\~barré\~\~, liens automatiques) pour la syntaxe de GitHub, ou décochez-la pour un Markdown classique, proche de CommonMark.
  4. Une fois terminé, cliquez sur Copier le HTML pour coller le code dans un CMS ou un modèle d’e-mail, sur Télécharger en .md pour garder la source Markdown, ou sur Télécharger en .html pour obtenir une page web complète.

Sous l’éditeur, les compteurs affichent le nombre de Mots et de Caractères, ainsi qu’un Temps de lecture estimé à 200 mots par minute. Les mots sont comptés dans le texte mis en forme : les symboles Markdown comme # ou ** ne gonflent pas le total.

Sauvegarde automatique dans le navigateur

Avec Enregistrer automatiquement dans ce navigateur, votre brouillon est sauvegardé un instant après la fin de la frappe, dans le stockage local de votre navigateur, sur cet appareil. À votre retour, le dernier brouillon est restauré. Rien n’est envoyé à un serveur : le brouillon ne vous suit donc pas sur un autre navigateur ou un autre appareil. En navigation privée, ou si le stockage est plein ou bloqué, l’outil vous prévient que la sauvegarde est indisponible : téléchargez alors votre texte. Décocher l’option supprime le brouillon enregistré.

Aide-mémoire Markdown

  • Titres : # Titre, ## Partie, ### Sous-partie
  • Emphase : **gras**, _italique_, ~~barré~~ (GitHub)
  • Liens : [texte](https://example.com) ; avec l’option GitHub, une adresse seule devient aussi un lien
  • Images : ![description](data:image/png;base64,…)
  • Listes : - élément ou 1. élément ; listes de tâches avec - [ ] et - [x] (GitHub)
  • Citations : > texte cité
  • Code : `en ligne` ou un bloc entre deux lignes de trois accents graves
  • Tableaux (GitHub) : une ligne d’en-tête, une ligne | --- | --- |, puis une ligne par rangée

Un aperçu et un export sécurisés

Le Markdown peut contenir du HTML brut, et donc cacher des scripts. À chaque rafraîchissement de l’aperçu, le HTML produit par le moteur Markdown est nettoyé par DOMPurify avant d’être affiché : scripts, gestionnaires d’événements comme onclick, liens javascript:, styles en ligne, formulaires, cadres et médias intégrés sont supprimés. Les liens s’ouvrent dans un nouvel onglet. Copier le HTML et Télécharger en .html utilisent ce même HTML nettoyé : vous pouvez le coller ailleurs en toute confiance.

L’aperçu n’affiche que les images intégrées en URL data: ou blob:. Les images distantes, du type https://…/photo.jpg, ne sont jamais chargées : la politique de sécurité de cette page les bloque, ce qui empêche aussi l’aperçu de servir à vous pister. L’outil indique combien d’images n’ont pas pu être affichées. Le fichier Markdown téléchargé conserve les liens d’origine : ils fonctionneront une fois votre texte publié.

Le fichier .html est une page autonome avec une petite feuille de style intégrée (polices lisibles, tableaux, blocs de code et mode sombre). Son titre reprend le premier titre de votre document, qui sert aussi à nommer les fichiers téléchargés.

Questions fréquentes

Qu'est-ce que le Markdown GitHub ?

Le GFM (GitHub Flavored Markdown) est la variante du Markdown utilisée sur GitHub et de nombreux sites. Il ajoute à la syntaxe de base les tableaux, les listes de tâches, le texte barré et les liens automatiques. Décochez l’option pour voir le rendu sans ces extensions.

Peut-on mettre du HTML dans le Markdown ?

Oui, le HTML simple comme <details>, <sup> ou <kbd> fonctionne. Tout ce qui est dangereux est retiré, de même que les styles et les balises de médias.

Pourquoi mon image ne s'affiche-t-elle pas ?

Seules les images data: et blob: apparaissent dans l’aperçu ; les images distantes sont bloquées. Le lien reste dans votre Markdown et fonctionnera une fois publié.

Mon document reste-t-il privé ?

Oui. Le rendu, l’export et la sauvegarde se font dans votre navigateur. Le brouillon n’est stocké que sur cet appareil, et vous pouvez désactiver la sauvegarde automatique à tout moment.

Quel moteur Markdown est utilisé ?

L’outil s’appuie sur marked, un analyseur Markdown rapide et très répandu, et sur DOMPurify pour nettoyer le HTML. Les deux ne sont chargés qu’au démarrage de l’éditeur.

Outils similaires