Wat is GitHub-smaak Markdown?

GitHub Flavored Markdown (GFM) is een superset van CommonMark die tabellen, takenlijst selectievakjes, doorhalen met dubbele tildes en automatische koppeling van blote URL's toevoegt. Het is het dialect dat GitHub gebruikt om readme-bestanden weer te geven en het is standaard ingeschakeld in deze converter.

Houdt de converter mijn codeblokken gemarkeerd?

Het zendt de markup-markeerstiften uit: een omheind blok zoals ```js wordt . De converter zelf kleurt de code niet - je voegt een markeerstift toe zoals prisma, markeer.js of shiki op je pagina en pakt de taalklasse automatisch op.

Is raw HTML in mijn markdown bewaard gebleven?

Standaard is het ontsnapt, dus verschijnt als letterlijke tekst in plaats van als een tag. Schakel de optie "Raw HTML toestaan" in om tags direct door te geven, wat je wilt als je markdown al in HTML wordt gemengd - bijvoorbeeld een -blok of een inline met attributen.

Waarom is mijn enkele regeleinde verdwenen?

Standaard Markdown verbindt opeenvolgende regels in één alinea; een regeleinde overleeft alleen als u de regel beëindigt met twee spaties of een lege regel verlaat. Als je wilt dat elke nieuwe regel een wordt, schakel dan de optie "Line breaks" in - dat is het gedrag GitHub-opmerkingen en veel chat-apps gebruiken.

Kan ik een inhoudsopgave genereren uit mijn kopjes?

Ja. Als rubriek-ID's zijn ingeschakeld, krijgt elke kop een gekneusd anker en bouwt de tool een markdown-inhoudsopgave die naar elk van hen linkt. Kopieer het terug naar de bovenkant van uw document en de links worden opgelost met de gegenereerde ID's.

Is het veilig om Markdown te plakken die ik niet heb geschreven?

Ja. HTML wordt standaard ontsnapt en het Live-voorbeeld ontsnapt bovendien script- en stijltags, Inline-gebeurtenishandlers en JavaScript: URL's. Niets dat u plakt, wordt ergens verzonden - de parser wordt volledig in uw browser uitgevoerd.

Ondersteunt de tool CommonMark precies?

Het implementeert de constructies die mensen daadwerkelijk schrijven - ATX en SetExt-koppen, alinea's, nadruk, links, afbeeldingen, autolinks, blockquotes, geneste en losse lijsten, omheind en ingesprongen code, thematische pauzes, backslash-escapes - plus de GFM-extensies. Een handvol zeldzame CommonMark-hoeken, zoals links in referentiestijl en HTML-opmerkingen-in-paragrafen-randgevallen, worden niet behandeld.

Hoe converteer ik een readme.md-bestand naar HTML?

Open de readme in een teksteditor, kopieer het hele bestand en plak het hier in de editor met GitHub-smaak Markdown ingeschakeld - dat is het dialect Github zelf maakt readmes weer, dus badges, tabellen en taaklijsten komen hetzelfde uit. Download vervolgens de volledige HTML-documentexport, die de uitvoer in een doctype verpakt en de paginatitel uit uw eerste kop haalt.

Kunnen browsers markdown weergeven zonder het te converteren?

heel weinig . Browsers geven alleen HTML weer, dus een .md-bestand dat via HTTP wordt weergegeven als platte tekst. Iets moet het eerst compileren - tijdens het bouwen met een statische sitegenerator, op verzoek op de server, in de browser met een JavaScript-parser, of een keer met de hand met een converter zoals deze.

Hoe converteer ik Markdown naar HTML in node of python?

In knooppunt zijn de gemeenschappelijke bibliotheken gemarkeerd en Markdown-it; in Python, Markdown of Markdown-it-Py. Koppel ze met een reinigingsmiddel - Dompurify of Sanitize-HTML in JS, Bleach in Python - als de markdown van gebruikers komt, omdat geen van deze parsers gevaarlijke HTML op zichzelf stript.

Markdown naar HTML

Converteer Markdown naar schone, semantische HTML met GitHub-smaak Markdown-ondersteuning - tabellen, taaklijsten, omheind code, kopankers, live preview en een volledige HTML-documentexport.

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%

Wat is de markdown voor HTML-converter?

De markdown naar HTML-converter verandert een markdown-bron - een readme, een changelog, een blogconcept, een set release-opmerkingen - in de HTML die een browser of CMS daadwerkelijk wordt weergegeven. Plakken of typen Markdown aan de linkerkant, en je krijgt semantische HTML aan de rechterkant: koppen worden H1-H6, omheind code wordt pre en code met een taalklasse, lijsten worden UL en OL, en GitHub-extensies zoals tabellen, taaklijsten en doorspit worden afgehandeld op de manier waarop GitHub ze rendert.

Markdown is een schrijfformaat in een tekst, geen weergaveformaat. Overal waar het op een pagina verschijnt - een Docs-site, een statische blog, een e-mailsjabloon, een CMS-veld dat alleen HTML accepteert - iets moet eerst compileren. Dat in de browser doen, in plaats van een parser in uw build te trekken of uw concept te plakken in een service die u niet beheert, is de snelste manier om de markup te verwijderen en verder te gaan.

Alles loopt aan de clientzijde. De converter is een handgeschreven parser, geen wrapper rond een externe API, dus uw niet-gepubliceerde berichten, interne documenten en privé-releasenotities verlaten de pagina nooit. Toggle GitHub-smaak Markdown, kop-anker-ID's, regeleinden met één nieuwe regel en onbewerkte HTML-doorvoer, kopieer vervolgens de HTML, download een .html-bestand of pak een gegenereerde inhoudsopgave.

Hoe gebruik je de Markdown naar HTML Converter?

Plak je markdown

Typ of plak markdown in de editor - een readme, een changelog, notities van uw editor, wat dan ook. De uitvoer wordt bijgewerkt terwijl u typt; laad het voorbeeld als u wilt zien wat wordt ondersteund.

Kies uw opties

Schakel GitHub-smaakmarkering in voor tabellen, taaklijsten, doorhaal en blote-url-links. Voeg kop-ID's voor deep links toe, schakel regeleinden in als een enkele nieuwe regel een <br /> moet worden en sta RAW HTML toe als uw markdown al tags bevat.

Bekijk het voorbeeld

Schakel tussen de HTML-bron en een weergegeven voorbeeld om te bevestigen dat de structuur is wat u verwachtte, en lees de documentstatistieken - woorden, koppen, links, codeblokken en leestijd.

Kopieer, download of neem de TOC

Kopieer de HTML naar het klembord, download het als een op zichzelf staand .html-bestand of kopieer de automatisch gegenereerde markdown-inhoudsopgave die is opgebouwd uit de kopankers.

Belangrijkste kenmerken

GitHub-smaak Markdown

Tabellen met kolomuitlijning, selectievakjes voor takenlijsten, ~~StrikeThrough~~ en automatische koppeling van blote URL's - de extensies waarop uw readme al vertrouwt

Omheind code met taalklassen

Omheinde blokken worden <pre><code class="language-js">, de klassenaam prism, markeer.js en shiki verwachten, dus syntaxis markeren werkt op het moment dat je de uitvoer op je site plakt

Kop ankers en TOC

Elke kop krijgt een slugified, ontdupliceerde ID en de tool genereert een overeenkomende markdown-inhoudsopgave die u bovenaan uw document kunt plakken

Standaard veilig

Raw HTML in de bron wordt ontsnapt, tenzij u zich aanmeldt, en de live preview stript script, stijl en inline-gebeurtenishandlers - dus het plakken van de markdown van iemand anders kan hun code niet uitvoeren

Frequently Asked Questions

Plak je markdown in de editor en de HTML verschijnt onmiddellijk - er is geen knop om te zetten om te drukken en geen bestand om te uploaden. Schakel GitHub-smaakmarkeringen in als uw bron tabellen of taaklijsten gebruikt, kopieer de HTML of download deze als een .html-bestand.

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