onul.works

Aperçu Markdown

Prévisualisez du Markdown en ligne et vérifiez le HTML rendu pendant l’édition.

⌘ Exécuté dans le navigateur ◴ Aucune donnée stockée ⌁ Gratuit

Utilisation de base

Aperçu de documents Markdown et de formules LaTeX

L’aperçu Markdown permet de rendre directement dans le navigateur des textes écrits en Markdown, comme des README, brouillons de blog ou documents techniques.

Saisissez la syntaxe Markdown courante, comme les titres, listes, tableaux, blocs de code, liens et images, puis vérifiez en temps réel le résultat converti en HTML dans l’aperçu à droite.

Pour les documents contenant des formules, vous pouvez aussi vérifier le rendu LaTeX avec des formules en ligne comme $CO_2$ ou des blocs au format $$ ... $$.

Pour les documents qui nécessitent des organigrammes ou des diagrammes de séquence, vous pouvez utiliser des blocs de code ```mermaid afin de prévisualiser le rendu des diagrammes Mermaid.

À quoi ça sert ?

Utilisez-le pour vérifier l’affichage d’un document écrit en Markdown avant publication, qu’il s’agisse d’un README, d’une documentation de développement, d’un brouillon de blog ou de notes de cours.

Comment écrire des formules ?

Écrivez les formules courtes dans une phrase, par exemple $E = mc^2$, et utilisez des blocs entourés de $$ pour les formules à afficher au centre et en plus grand.

Comment utiliser les diagrammes ?

Placez une syntaxe Mermaid comme flowchart ou sequenceDiagram dans un bloc de code ```mermaid pour la rendre sous forme de diagramme dans l’aperçu du document.

Que puis-je copier ?

Vous pouvez copier le résultat de l’aperçu en HTML ou en texte enrichi pour le réutiliser dans un éditeur de document, un CMS ou une interface de rédaction de blog.

Ce n’est pas un compilateur LaTeX complet, mais un outil d’aperçu pour vérifier rapidement les formules et la syntaxe de base dans Markdown.

Entrée Markdown
Aperçu HTML
L’aperçu Markdown rendu apparaîtra ici.

Mode d’emploi

  1. 1 Écrivez ou collez du Markdown dans l’éditeur d’entrée.
  2. 2 Vérifiez les titres, listes, blocs de code et liens dans l’aperçu en direct.
  3. 3 Modifiez le Markdown et consultez à nouveau l’aperçu.
  4. 4 Copiez le HTML lorsque vous avez besoin du balisage rendu.

Cas d’utilisation courants

  • Prévisualiser des brouillons README en Markdown
  • Vérifier le rendu des listes et blocs de code
  • Copier le HTML rendu

Questions fréquentes

Quelle syntaxe Markdown puis-je prévisualiser ?

L’analyseur intégré affiche en aperçu HTML les titres, retours de ligne de paragraphe, listes ordonnées et non ordonnées, citations, blocs de code clôturés, tableaux, liens, images, emphase de base, formules LaTeX en ligne ou en bloc ainsi que les blocs de code Mermaid.

Que puis-je copier ?

Vous pouvez copier le HTML rendu dans la zone d’aperçu. Il n’y a pas d’action séparée pour copier le texte Markdown d’origine.

L’aperçu se met-il à jour automatiquement ?

Oui. L’aperçu se met à jour immédiatement lorsque vous saisissez ou collez du Markdown.

Flux de travail associé

Aperçu MarkdownPrévisualisez du Markdown en ligne et vérifiez le HTML rendu pendant l’édition. → Aperçu d'équation LaTeXSaisissez une équation LaTeX et rendez-la instantanément avec KaTeX avant de l'ajouter à un article, un document ou du Markdown. → Aperçu de diagrammes MermaidSaisissez du code Mermaid et consultez des diagrammes comme flowchart et sequenceDiagram dans un aperçu SVG en direct.