Qu'est-ce que le démarquement aromatisé GitHub ?

GitHub Flavored Markdown (GFM) est un super-ensemble de CommonMark qui ajoute des tableaux, des cases à cocher de la liste des tâches, du barré avec des doubles tildes et une liaison automatique des URL nues. C'est le dialecte que GitHub utilise pour rendre les fichiers de lecture, et il est activé par défaut dans ce convertisseur.

Le convertisseur maintient-il mes blocs de code en surbrillance ?

Il émet le besoin de surligneurs de balisage : un bloc clôturé tel que ```js devient . Le convertisseur lui-même ne colore pas le code - vous ajoutez un surligneur comme Prism, Highlight.js ou Shiki sur votre page, et il reprend automatiquement la classe de langue.

Le code HTML brut dans mon Markdown est-il conservé ?

Par défaut, il est échappé, donc apparaît comme un texte littéral plutôt qu'une balise. Activez l'option "Autoriser le code HTML brut" pour passer directement les balises, ce que vous voulez lorsque votre Markdown est déjà mélangé en HTML, par exemple un bloc ou un en ligne avec des attributs.

Pourquoi mon break simple ligne a-t-il disparu ?

Le démarquage standard rejoint les lignes consécutives en un seul paragraphe ; un saut de ligne ne survit que si vous terminez la ligne avec deux espaces ou laissez une ligne vide. Si vous souhaitez que chaque nouvelle ligne devienne un , activez l'option "Seaks de ligne" - c'est le comportement des commentaires GitHub et de nombreuses applications de chat.

Puis-je générer une table des matières à partir de mes en-têtes ?

Oui. Avec les ID de titre activés, chaque en-tête reçoit une ancre luge et l'outil crée une table des matières Markdown qui est liée à chacun. Copiez-le dans le haut de votre document et les liens seront résolus par rapport aux ID générés.

Est-il sûr de coller une réduction sur le marché que je n'ai pas écrite ?

Oui. HTML est échappé par défaut, et l'aperçu en direct supprime également les balises de script et de style, les gestionnaires d'événements en ligne et JavaScript : URL. Rien de ce que vous collez n'est transmis partout. L'analyseur s'exécute entièrement dans votre navigateur.

L'outil prend-il en charge CommonMark exactement ?

Il implémente les constructions que les gens écrivent – en-têtes ATX et SETEX, paragraphes, emphase, liens, images, liens automatiques, blocs de quotes, listes imbriquées et lâches, code clôturé et en retrait, pauses thématiques, échappements backslash, ainsi que les extensions GFM. Une poignée de rares coins de Commonmark, tels que des liens de style de référence et des cas de commentaires dans les paragraphes HTML, ne sont pas couverts.

Comment convertir un fichier readme.md en HTML ?

Ouvrez le fichier Lisez-moi dans n'importe quel éditeur de texte, copiez le fichier entier et collez-le dans l'éditeur ici avec le markdown aromatisé GitHub. C'est-à-dire le dialecte GitHub lui-même rend les lisibles avec, de sorte que les badges, les tableaux et les listes de tâches sont identiques. Téléchargez ensuite l'export complet de documents HTML, qui enveloppe la sortie dans un doctype et prend le titre de la page de votre premier en-tête.

Les navigateurs peuvent-ils afficher une démarque sans le convertir ?

non Les navigateurs ne rendent que le code HTML, donc un fichier .md diffusé sur HTTP s'affiche sous forme de texte brut. Quelque chose doit d'abord le compiler - au moment de la construction avec un générateur de site statique, à la demande sur le serveur, dans le navigateur avec un analyseur JavaScript ou une fois à la main avec un convertisseur comme celui-ci.

Comment convertir Markdown en HTML en nœud ou en python ?

Dans le nœud, les bibliothèques communes sont marquées et markdown-it ; en python, markdown ou markdown-it-py. Associez-le à un désinfectant - Dompurify ou Sanitize-html dans JS, Bleach en Python - si la Markdown provient des utilisateurs, car aucun de ces analyseurs ne supprime le code HTML dangereux par eux-mêmes.

Markdown en HTML

Convertissez Markdown en HTML sémantique propre et sémantique avec la prise en charge de Markdown à saveur GitHub - tableaux, listes de tâches, code clôturé, ancres de titre, aperçu en direct et exportation de documents HTML.

Markdown

<h1 id="release-notes-v24">Release Notes — v2.4</h1>
<p>Ship notes for the <strong>June</strong> release. See the <a href="https://example.com/changelog">changelog</a> for the full diff.</p>
<blockquote>
<p>Heads up: the <code>/v1/export</code> endpoint is deprecated and will be removed in v3.</p>
</blockquote>
<h2 id="whats-new">What's new</h2>
<ul>
<li>Faster CSV export (~4x on 100k rows)</li>
<li>New <code>--dry-run</code> flag</li>
<li>Fixed a <em>nasty</em> race in the queue worker</li>
</ul>
<h3 id="upgrade-steps">Upgrade steps</h3>
<ol>
<li>Bump the package</li>
<li>Run the migration</li>
<li>Restart the workers</li>
</ol>
<pre><code class="language-bash">npm install toolz@2.4.0
npx toolz migrate --dry-run
</code></pre>
<table>
<thead>
<tr><th>Endpoint</th><th style="text-align:center">Status</th><th>Notes</th></tr>
</thead>
<tbody>
<tr><td>/v2/export</td><td style="text-align:center">stable</td><td>Use this</td></tr>
<tr><td>/v1/export</td><td style="text-align:center"><del>deprecated</del></td><td>Removed in v3</td></tr>
</tbody>
</table>
<ul class="task-list">
<li><input type="checkbox" disabled checked /> Docs updated</li>
<li><input type="checkbox" disabled /> Blog post scheduled</li>
</ul>
<hr />
<p>Questions? Reach us at <a href="mailto:support@example.com">support@example.com</a>.</p>

127

Words

Headings

Links

Images

Code blocks

1320

HTML bytes

1 min

Read time

Table of Contents

- [What's new](#whats-new)
  - [Upgrade steps](#upgrade-steps)

Category:docs

Mode:Offline

Version:1.0.0

Access:Free

Total Used:2.5M+

Success:99.8%

Qu'est-ce que le convertisseur de rabais vers HTML ?

Le convertisseur Markdown en HTML transforme la source Markdown - un fichier de lecture, un journal des modifications, un brouillon de blog, un ensemble de notes de version - en HTML, un navigateur ou un CMS est réellement rendu. Coller ou taper Markdown à gauche, et vous obtenez un code HTML sémantique à droite : les en-têtes deviennent H1–H6, le code clôturé devient pré et le code avec une classe de langue, les listes deviennent UL et OL, et les extensions GitHub telles que les tableaux, les listes de tâches et le barreau sont gérées de la manière dont GitHub les rend.

Markdown est un format d'écriture en texte brut, et non un format d'affichage. Partout où il apparaît sur une page - un site Docs, un blog statique, un modèle d'e-mail, un champ CMS qui n'accepte que le HTML - quelque chose doit d'abord le compiler. Faire cela dans le navigateur, plutôt que d'extraire un analyseur dans votre version ou de coller votre brouillon dans un service que vous ne contrôlez pas, est le moyen le plus rapide de supprimer le balisage et de passer à autre chose.

Tout fonctionne côté client. Le convertisseur est un analyseur manuscrit, pas un wrapper autour d'une API distante, de sorte que vos publications non publiées, vos documents internes et vos notes de version privée ne quittent jamais la page. Basculez le démarquement des identifiants de GitHub, en en-tête les identifiants d'ancrage, les sauts de ligne à une seule ligne et le transfert HTML brut, puis copiez le code HTML, téléchargez un fichier .html ou récupérez une table de contenus générée.

Comment utiliser le convertisseur Markdown en HTML ?

Collez votre démarque

Tapez ou collez une fonction dans l'éditeur - un fichier de lecture, un journal des modifications, des notes de votre éditeur, n'importe quoi. La sortie est mise à jour au fur et à mesure de la saisie ; chargez l'exemple si vous souhaitez voir ce qui est pris en charge.

Choisissez vos options

Activez la démarque aromatisée GitHub pour les tableaux, les listes de tâches, les liens barrés et les liens nus. Ajoutez des ID de titre pour les liens profonds, activez les sauts de ligne si une nouvelle ligne doit devenir un <br /> et autorisez le code HTML brut si votre Markdown contient déjà des balises.

Vérifier l'aperçu

Basculez entre la source HTML et un aperçu rendu pour confirmer que la structure est ce que vous attendiez, et lisez les statistiques du document - mots, en-têtes, liens, blocs de code et temps de lecture.

Copiez, téléchargez ou prenez la table des matières

Copiez le HTML dans le presse-papiers, téléchargez-le en tant que fichier .html autonome ou copiez la table des matières Markdown générée automatiquement à partir des ancres de titre.

Principales caractéristiques

Markdown aromatisé à GitHub

Les tableaux avec alignement des colonnes, les cases à cocher de la liste des tâches, ~~strikethrough~~ et la liaison automatique des URL nues — les extensions sur lesquelles votre fichier est déjà basé sur

Code clôturé avec classes de langue

Les blocs clôturés deviennent <pre><code class="language-js">, le nom de classe Prism, Highlight.js et Shiki attendent, donc la mise en évidence de la syntaxe fonctionne au moment où vous collez la sortie dans votre site.

Ancres d'en-tête et TOC

Chaque en-tête reçoit un identifiant dédoublé et limogé, et l'outil génère une table des matières de Markdown correspondante que vous pouvez coller en haut de votre document.

Coffre-fort par défaut

Le code HTML brut dans la source est échappé à moins que vous n'inscriviez que vous, et que l'aperçu en direct stripte les scripts, le style et les gestionnaires d'événements en ligne. Si vous tenez la Markdown de quelqu'un d'autre, vous ne pouvez pas exécuter leur code.

Frequently Asked Questions

Collez votre démarque dans l'éditeur et le HTML apparaît immédiatement - il n'y a pas de bouton de conversion à appuyer et aucun fichier à télécharger. Activez le Markdown aromatisé GitHub si votre source utilise des tables ou des listes de tâches, puis copiez le code HTML ou téléchargez-le sous la forme d'un fichier .html.

Related Tools

HEE

encoding

HTML Entity Encoder/Decoder

Encode and decode HTML entities — named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping

HM&

minify

HTML Minifier & Beautifier

Minify HTML markup for faster page loads or beautify it for readable, indented source

text

Word & Letter Counter

Count words, letters, sentences, paragraphs, and estimate reading time

Comments

0 comments

No comments yet. Be the first to share your thoughts!

markdown to htmlmarkdown convertermd to htmlmarkdown compilermarkdown previewgithub flavored markdownmarkdown rendererconvert readme to htmlmarkdown parser

Command Palette