Rendu dans le navigateur
La source est analysée dans ce navigateur ; les images distantes peuvent toujours contacter leurs serveurs.
Retour à l'éditeur
Markdown vers Image
Effectuez le rendu du Markdown en PNG ou dans un fichier SVG contenant une image matricielle, avec un thème et une échelle au choix.
Le Markdown est rendu dans ce navigateur
Markdown vers Image
Effectuez le rendu du Markdown en PNG ou dans un fichier SVG contenant une image matricielle, avec un thème et une échelle au choix.
Contenu rendu
Les titres, tableaux, listes de tâches, codes mis en évidence et formules sont capturés ; les blocs Mermaid restent du code.
| Format | Résolution |
|---|---|
| PNG | Rétine |
| SVG | Ultra |
const image = await renderMarkdown(markdown, { format: "png" });
Les exportations comprennent les titres, tableaux, codes mis en évidence et formules rendus lorsque l’aperçu les prend en charge.
Entrée et sortie
Collez du Markdown ou sélectionnez un fichier .md, .markdown ou .txt. Choisissez un style clair ou sombre, PNG ou SVG, et une échelle 1x, 2x ou 3x. L’exportation utilise une mise en page de 1080 pixels et capture l’ensemble du document rendu.
Limites et cas d’échec
L’option SVG intègre un PNG dans un conteneur SVG ; le texte et les formes ne sont pas des vecteurs modifiables. Le HTML brut est supprimé, les blocs Mermaid ne sont pas rendus sous forme de diagrammes et les images locales utilisant des chemins relatifs ne sont pas importées. Les longs documents et une échelle élevée peuvent produire des fichiers très hauts et gourmands en mémoire.
Traitement local et vérification du résultat
L’analyse du Markdown et la capture du canevas ont lieu dans ce navigateur. Les images distantes peuvent toujours contacter leurs serveurs et manquer lorsque l’accès entre origines est bloqué. Ouvrez le téléchargement pour vérifier les polices, les formules, le code, le chargement des images, les dimensions et la lisibilité à la taille prévue.
Contenu rendu
Les titres, tableaux, listes de tâches, codes mis en évidence et formules sont capturés ; les blocs Mermaid restent du code.
PNG ou SVG matriciel
Le PNG est une image bitmap. Le SVG contient les mêmes données PNG et n’est pas une illustration vectorielle modifiable.