Cet outil d'aperçu markdown rend votre Markdown en HTML propre côte à côte à mesure que vous tapez, pour voir exactement à quoi ressemblera un README, un document ou un commentaire. Il prend en charge le Markdown GitHub (GFM), y compris les tableaux, les blocs de code délimités, les listes de tâches, les citations, les liens et la mise en forme en ligne. Utilisez-le comme un éditeur markdown et une visionneuse markdown rapides pour rédiger de la documentation, vérifier la mise en forme avant de pousser vers un dépôt, ou convertir markdown en html et copier le résultat dans un CMS. Par défaut, un saut de ligne simple devient un retour à la ligne ; avec l'option GitHub style, il devient un espace, comme dans un README. Les balises script, iframe et similaires, les attributs d'événement et les liens javascript: sont supprimés, un filtre basique et non un assainissement complet. Conçu pour les développeurs, rédacteurs techniques et QA qui ont besoin d'un aperçu gfm rapide et précis. Tout est traité localement dans votre navigateur, votre brouillon ne quitte jamais votre appareil.
Fonctionnalités
Aperçu côte à côte en direct qui se met à jour à mesure que vous tapez
Markdown GitHub avec tableaux, blocs de code délimités et listes de tâches
Prend en charge titres, listes, citations, liens et emphase en ligne
Par défaut, les sauts de ligne simples deviennent des retours à la ligne ; GitHub style les change en espaces, comme dans un README
Supprime les balises script, style, iframe, object, embed, link, meta et base, les attributs d'événement et les liens javascript:
Copiez le HTML rendu dans le presse-papiers en un clic
Téléchargez le résultat dans un fichier .html prêt à l'emploi
Tout s'exécute dans votre navigateur
Comment utiliser Aperçu Markdown
Tapez ou collez votre Markdown dans la zone de saisie à gauche.
Voyez le HTML rendu apparaître instantanément dans le volet Aperçu.
Cliquez sur Copier le HTML pour récupérer le balisage rendu dans votre presse-papiers.
Utilisez le bouton .html pour télécharger la sortie en fichier, ou Effacer pour recommencer.
Exemple
Entrée
# Title
- **Bold** item
- [Link](https://example.com)
Titres, listes et mise en forme en ligne Markdown rendus en HTML.
Erreurs courantes et dépannage
Un tableau ne s'affiche pas et apparaît en texte brut. — Les tableaux GFM nécessitent une ligne d'en-tête et une ligne de séparation de tirets et de barres verticales, comme | A | B | suivie de | --- | --- |. Assurez-vous que chaque ligne a des barres correspondantes.
Un bloc de code déborde sa mise en forme dans le reste du document. — Fermez chaque bloc délimité avec une ligne de trois accents graves correspondante. Une délimitation non fermée fait que le moteur de rendu traite le reste du texte comme du code.
Les sauts de ligne simples ne sont pas conservés comme prévu. — Par défaut, un saut de ligne simple devient un retour à la ligne. Activez GitHub style pour le traiter comme un espace, comme GitHub affiche un README, et laissez une ligne vide entre les blocs pour séparer les paragraphes.
Les balises HTML brutes comme script ou iframe disparaissent de l'aperçu. — Les balises script, style, iframe, object, embed, link, meta et base et les attributs d'événement on* sont supprimés par conception. Utilisez du Markdown pur ou du HTML en ligne simple à la place.
Foire aux questions
Qu'est-ce que l'outil Aperçu Markdown d'ArrayKit ?
C'est un aperçu markdown en direct qui rend votre Markdown en HTML propre côte à côte à mesure que vous tapez, pour vérifier la mise en forme des README, documents et commentaires avant publication.
L'Aperçu Markdown prend-il en charge le Markdown GitHub ?
Oui. L'Aperçu Markdown rend le GFM, les tableaux, blocs de code délimités et listes de tâches s'affichent donc correctement dans le volet d'aperçu.
Comment copier ou télécharger le HTML rendu ?
Cliquez sur Copier le HTML pour envoyer le balisage rendu dans votre presse-papiers, ou utilisez le bouton .html pour le télécharger en fichier prêt à l'emploi.
Que supprime l'Aperçu Markdown du HTML ?
Les balises script, style, iframe, object, embed, link, meta et base, les attributs d'événement on* comme onclick et les liens qui commencent par javascript:. C'est un filtre basique, pas un assainissement complet : si le Markdown vient d'une source dont vous vous méfiez, nettoyez le HTML avec un vrai outil d'assainissement avant de le publier.
L'Aperçu Markdown conserve-t-il les sauts de ligne simples ?
Par défaut, oui : un saut de ligne simple devient un retour à la ligne, comme dans les commentaires et les discussions. Activez GitHub style et les sauts simples deviennent des espaces, comme GitHub affiche un README.
Mon Markdown est-il envoyé à un serveur lorsque j'utilise cet aperçu ?
Non. Votre Markdown est rendu entièrement dans votre navigateur et ne quitte jamais votre appareil.
Outils associés
Convertisseur MDX — Rend le MDX en texte, convertit HTML → MDX et échappe le texte en MDX littéral.
Formateur HTML — Embellit ou minifie le HTML, met en forme le CSS/JS en ligne et prévisualise le résultat.