Markdown-preview

Typ links en zie de HTML rechts weergegeven worden. De preview begrijpt GitHub-gestileerde Markdown: tabellen, taaklijsten, omheinde codeblokken met syntaxismarkering, doorhalen, automatisch gekoppelde URL’s en inline-HTML. Handig om een README te schrijven voordat je committ, om te controleren hoe een reactie op een PR eruitziet, of gewoon om de Markdown-syntaxis te leren door elke toetsaanslag weergegeven te zien worden.

Zo gebruik je de preview

  1. 1

    Schrijf Markdown

    Het linkerpaneel neemt ruwe Markdown aan. Elke wijziging rendert het rechterpaneel direct opnieuw.

  2. 2

    Bekijk de HTML-preview

    Het rechterpaneel toont de weergegeven uitvoer, opgemaakt zoals op GitHub.

  3. 3

    Wissel van modus

    Weergave naast elkaar, alleen preview of alleen bron voor afleidingsvrij schrijven.

  4. 4

    Kopieer de HTML

    Haal de weergegeven HTML op als je die in een e-mailclient of een CMS wilt plakken.

Wat deze preview ondersteunt

  • CommonMark: koppen, alinea’s, nadruk, lijsten, blokcitaten, codeblokken, links, afbeeldingen, horizontale lijnen.
  • GFM-uitbreidingen: tabellen met kolomuitlijning, taaklijsten (- [ ] en - [x]), doorhalen met ~~, automatisch gekoppelde URL’s en omheinde codeblokken met taalhints.
  • Syntaxismarkering: meer dan 100 talen via highlight.js, JavaScript, Python, Go, Rust, SQL, YAML enzovoort.
  • Ruwe HTML: inline-HTML wordt doorgelaten (voor de veiligheid opgeschoond).
  • Wiskunde (optioneel): $...$ inline en $$...$$ als blok, als je de wiskunde-uitbreiding inschakelt.

Niet ondersteund

  • Aangepaste wikilinks in Obsidian-stijl ([[Page]]), die zijn alleen voor Obsidian.
  • Omheinde divs van Pandoc (:::), alleen voor Pandoc.
  • Server-side includes of {% ... %}-sjabloontags.

Typische toepassingen

  • Een README schrijven buiten de IDE en de definitieve versie plakken.
  • De opmaak van PR-reacties controleren voordat je plaatst, het reactieveld van GitHub toont codeblokken niet correct in preview.
  • Notities omzetten naar HTML wanneer je opgemaakte inhoud wilt plakken in een e-mail of een CMS dat ruwe HTML accepteert.
  • Markdown onderwijzen, de weergave naast elkaar maakt de syntaxis duidelijk.

Prestaties

De weergave gebruikt een Markdown-it-parser met de GFM-plug-in en draait volledig in de browser. Documenten van enkele honderden KB worden in milliseconden weergegeven; zeer grote (een heel boek in één bestand) kunnen haperen tijdens het typen, splits ze dan op in hoofdstukken.

Exporteren

  • HTML kopiëren geeft je de <div> met de weergegeven inhoud, inclusief de opgemaakte klassen.
  • .md downloaden slaat de bron op.
  • Afdrukken naar PDF via het afdrukvenster van je browser levert een opgemaakte PDF-kopie van de weergegeven weergave op.

Veelgestelde vragen

GitHub past bovenop GFM zijn eigen CSS toe. De HTML-uitvoer hoort overeen te komen; de opmaak (lettertypen, witruimte) is van hen. Gebruik voor exacte gelijkheid de themaschakelaar “weergegeven op GitHub”.

Ja, als je de wiskunde-uitbreiding inschakelt, inline $...$ en blok $$...$$ worden met KaTeX weergegeven. Het staat standaard uit om de pagina licht te houden.

Het wordt opgeschoond, veilige tags zoals <div>, <span>, <table>, <img> worden doorgelaten; <script> en inline-event-handlers worden verwijderd.

Honderden KB werken vlot. Schakel bij zeer grote bestanden live weergave uit en render op verzoek.

De weergave gebeurt volledig aan de clientzijde. Inhoud wordt nergens naartoe verzonden. Als je de pagina vernieuwt, gaan concepten verloren tenzij de browser de formulierstatus bewaart.

Gerelateerde tools

Tool beschikbaar in andere talen