Convertir Markdown en HTML
Convertit du Markdown en HTML avec la bibliothèque markdown-js, qui suit la syntaxe originale de John Gruber. Le HTML brut présent dans la source est échappé en texte, et les extensions GitHub comme les tableaux et les blocs de code délimités ne sont pas reconnues.
Coller une section de README ou une note de version dans un champ de CMS qui n’accepte que du HTML.
Quand l’utiliser
- Coller une section de README ou une note de version dans un champ de CMS qui n’accepte que du HTML.
- Vérifier quelles balises HTML produit un extrait de Markdown simple.
Mode d’emploi
- Collez du Markdown dans l’éditeur de gauche ou chargez un fichier .md.
- Lisez le HTML généré à droite et vérifiez dans l’aperçu en dessous chaque titre, liste et lien.
- Copiez le HTML ; il ne contient que le balisage du corps, ajoutez donc votre propre CSS là où vous le collez.
Markdown
## Install
Run the **CLI** once:
npm install -g douni
1. Open the [docs](https://douni.one)
2. Paste your file
| a | b |HTML
<h2>Install</h2> <p>Run the <strong>CLI</strong> once:</p> <pre><code>npm install -g douni</code></pre> <ol> <li>Open the <a href="https://douni.one">docs</a></li> <li>Paste your file</li> </ol> <p>| a | b |</p>
Détails et limites
La conversion s’exécute dans le navigateur. La sortie est un fragment HTML sans <html>, <head> ni feuille de style ; l’aperçu l’affiche dans un cadre isolé avec les scripts désactivés.
Seul le Markdown original est pris en charge. Les tableaux à barres verticales, les listes de tâches, ~~barré~~ et le code délimité par ``` restent du texte ; utilisez une indentation de 4 espaces pour les blocs de code.
Le HTML inline comme <div> est échappé en <div>, il n’est pas transmis tel quel.
Les images deviennent des balises <img> pointant vers l’URL d’origine ; les fichiers ne sont pas intégrés.
FAQ
Pourquoi mes blocs ``` ne deviennent-ils pas des blocs <pre> ?
La bibliothèque est antérieure au code délimité. Un délimiteur est traité comme du code inline dans un paragraphe. Indentez le code de quatre espaces pour obtenir <pre><code>.
Prend-il en charge les tableaux GitHub Flavored Markdown ?
Non. Une ligne comme | a | b | est restituée comme un simple paragraphe.
Puis-je conserver du HTML brut dans mon Markdown ?
Non. Les balises HTML sont échappées et affichées comme du texte dans le résultat : un <div> intégré ne sera donc pas rendu comme un élément.