Command Palette

Search for a command to run...

MA

Markdown naar HTML

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

Wat is de markdown voor HTML-converter?

De Markdown to HTML Converter zet Markdown source - een README, een changelog, een blog draft, een set release notes - om in de HTML die een browser of CMS renders Plak of typ Markdown aan de linkerkant, en je krijgt semantische HTML aan de rechterkant: koppen worden h1-h6, omheinde code wordt pre en code met een taalklasse, lijsten worden ul en ol, en GitHub-extensies zoals tabellen, takenlijsten en doorhalen worden afgehandeld zoals GitHub ze rendert.

Markdown is een leesbaar tekstschrijfformaat, 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 - moet iets het eerst compileren Dat in de browser doen, in plaats van een parser in uw build te trekken of uw concept in een service te plakken die u niet beheert, is de snelste manier om de markup eruit te halen 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.

Een kort uitgewerkt voorbeeld laat zien wat je krijgt als je Markdown hier naar HTML converteert Paste # My Project`, then `## Install`, then a two-row task list `-[x] Done` and `-[ ] Todo`. The output is `<h1 id="my-project">My Project</h1>`,`<h2 id="install">Install</h2>` and a `<ul class="task-list">` whose items start with disabled checkbox inputs Tick Volledig document en hetzelfde lichaam is verpakt in een doctype met _`<title>

Markdown maakt ruwe HTML-inline mogelijk, waardoor de veiligheidsvraag eerder reëel dan theoretisch is: een document met een scripttag is geldig Markdown, en een converter die deze doorgeeft produceert HTML die wordt uitgevoerd wanneer deze wordt weergegeven. De uitvoer hier wordt om die reden standaard ontsnapt, dus een Markdown-bestand van een niet-vertrouwde bron kan geen tags naar uw pagina smokkelen Links zijn een apart geval: een `:`-link in de Markdown houdt die href in de gekopieerde HTML, en alleen het voorbeeldvenster herschrijft het, dus zuiver de uitvoer voordat Markdown wordt gepubliceerd. U hebt niet geschreven. Als u uw eigen inhoud converteert en onbewerkte HTML-renderer bewaard wilt, is dat een bewuste keuze in plaats van de standaardspecificatie die Flaadigt, Flaadt Flaadt dit weet dat dit deel

Hoe gebruik je de Markdown naar HTML Converter?

  1. Plak je markdown

    Typ of plak Markdown in de editor - een README, een changelog, notities van uw editor, alles De uitvoer wordt bijgewerkt terwijl u typt; laad het voorbeeld als u wilt zien wat er wordt ondersteund.

  2. 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.

  3. Bekijk het voorbeeld

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

  4. Kopieer, download of neem de TOC

    Kopieer de HTML naar het klembord, of druk op .html om het te downloaden als document.html (tik eerst op Volledig document als u een zelfstandige pagina wilt) U kunt ook de automatisch gegenereerde Markdown-inhoudsopgave kopiëren die is opgebouwd uit de H2 - en H3-kopankers.

Belangrijkste kenmerken

  • GitHub-smaak Markdown

    Tabellen met kolomuitlijning, selectievakjes voor takenlijsten, ~~doorhalen~~ en automatische koppeling van kale 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 geslugificeerde, gededupliceerde id, en de tool genereert een Markdown-inhoudsopgave voor uw H2- en H3-koppen die u bovenaan uw document kunt plakken

  • Standaard veilig

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

Frequently Asked Questions

Plak uw Markdown in de editor en de HTML verschijnt onmiddellijk - er is geen converteerknop om op te drukken en geen bestand om te uploaden Schakel GitHub Flavored Markdown in als uw bron tabellen of takenlijsten gebruikt, kopieer vervolgens de HTML of download deze als een .html-bestand.

Comments

0 comments

0/2000 characters

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

markdown to htmlconvert markdown to htmlmarkdown to html converteronline markdown to html converterfree markdown to html convertermarkdown convertermd to htmlmarkdown compilermarkdown previewgithub flavored markdownmarkdown rendererconvert readme to htmlmarkdown parser