Markdown-viewer/-editor
Schrijf Markdown aan de ene kant en zie aan de andere kant een nauwkeurig live voorbeeld — opmaakwerkbalk, GFM-tabellen, export als .md of .html, volledig in je browser.
0 woorden · 0 tekens
Sleep hier een .md-, .markdown- of .txt-bestand naartoe
Overzicht (inhoudsopgave)
Voeg koppen toe (# Titel) om een overzicht op te bouwen.
Let op: afbeeldingen van andere websites worden door het beveiligingsbeleid (CSP) van deze site geblokkeerd en verschijnen niet in het voorbeeld — gebruik data:-URI's of lokale bestanden.
Markdown schrijven met een live voorbeeld, zonder server
Markdown is het standaardformaat geworden voor README-bestanden, documentatie, beschrijvingen van pull requests en blogberichten op statische sites, omdat het als platte tekst leesbaar is en toch wordt weergegeven als goed opgemaakte uitvoer — koppen, vette en cursieve tekst, lijsten, links en codeblokken — zonder ooit een rich-text-editor aan te raken. Het addertje: zelfs een kleine syntaxisfout (een ontbrekende lege regel vóór een lijst, een tabel met een verschillend aantal kolommen, een codeblok dat nooit wordt afgesloten) kan er heel anders uitzien dan bedoeld, en dat zie je meestal niet aan de ruwe tekst.
Deze tool parset je Markdown met dezelfde GitHub-Flavored Markdown-regels waarmee je README's en pull requests worden weergegeven, en toont de echte uitvoer naast de bron, bijgewerkt terwijl je typt. Omdat het parsen en weergeven volledig in je browser gebeurt, verlaat wat je schrijft — conceptdocumentatie, privénotities, een blogbericht dat nog niet is gepubliceerd — je computer nooit. De weergegeven HTML wordt bovendien gesaneerd voordat hij wordt getoond, zodat geplakte Markdown met ruwe HTML of een verdwaald script-element niets in je browser kan uitvoeren; het wordt als inerte inhoud behandeld, niet als code.
De opmaakwerkbalk voegt de juiste syntaxis voor je in — vet, cursief, koppen, links, afbeeldingen, genummerde en ongenummerde lijsten, citaten, inline of omheinde code, tabellen en horizontale lijnen — zodat je de exacte Markdown-leestekens voor minder gebruikelijke elementen zoals tabelkoppen of verwijzingslinks niet hoeft te onthouden. Schakel tussen gesplitste weergave, alleen editor en alleen voorbeeld, afhankelijk van hoeveel schermruimte je nodig hebt; in de gesplitste weergave scrollen beide vensters mee, zodat je nooit het overzicht verliest welk deel van de bron bij welk deel van het resultaat hoort.
Ben je klaar, kopieer dan de ruwe Markdown of de weergegeven HTML naar je klembord, of download een van beide als kant-en-klaar `.md`- of `.html`-bestand. Wil je twee versies van een document vergelijken in plaats van er één te bekijken, dan markeert de Tekstvergelijker precies wat er is gewijzigd; om woorden te tellen en de leestijd van het eindresultaat in te schatten is de Woorden- en tekentelling een logische volgende stop.
Veelgestelde vragen
Toont het een live voorbeeld terwijl ik typ?
Ja — een gesplitste weergave toont GitHub-flavored Markdown (tabellen, takenlijsten, doorhalingen) live terwijl je typt, met gesynchroniseerd scrollen.
Raak ik mijn werk kwijt als ik per ongeluk het tabblad sluit?
Nee — je concept wordt automatisch opgeslagen in de lokale opslag van je browser en hersteld wanneer je de tool de volgende keer opent.
Kan ik het resultaat ook als HTML exporteren, niet alleen als Markdown?
Ja — download het ruwe .md-bestand of een zelfstandig .html-bestand met de weergegeven inhoud.
Verschijnen afbeeldingen van andere websites in het voorbeeld?
Nee — het Content Security Policy van deze site blokkeert afbeeldingen van andere domeinen om je privacy te beschermen, dus externe afbeeldingen worden niet getoond in het live voorbeeld. Gebruik een data:-URI of sluit de afbeelding op een andere manier in; de Markdown die je exporteert bevat nog steeds de oorspronkelijke link.