Wat is Markdown-voorbeeldweergave?
Markdown is de lichtgewicht opmaaktaal achter README's, blogberichten, chatberichten, documentatie en meer.
Deze previewer rendert uw Markdown in realtime terwijl u typt.
Wanneer gebruik je deze rekenmachine
- U schrijft een GitHub- of GitLab-README en wilt de opmaak controleren voordat u commit
- U schrijft een Markdown-artikel voor een blog-, documentatie- of wiki-platform
- U test een e-mail of chatbericht in Markdown voordat u het verstuurt
- U leert Markdown-syntax door te experimenteren met verschillende formaten
- U converteert een klein Markdown-fragment naar HTML voor een CMS of e-mailsjablonen
- U debugt een Markdown-document waar een opmaak niet wordt gerenderd zoals verwacht
Stappen:
- Typ of plak uw Markdown in het linkerpaneel.
- Zie de HTML-preview direct bijgewerkt aan de rechterkant.
- Pas uw syntax aan totdat de preview eruit ziet zoals u verwacht.
- Kopieer uw afgewerkte Markdown-bron wanneer u tevreden bent met het resultaat.
Formule
Gebruikscases
- GitHub- of GitLab-README's previewen voordat u commit
- Geformatteerde berichten schrijven voor Slack, Discord of andere Markdown-compatibele chatapps
- Blogartikelen of documentatie testen voordat u ze publiceert
- Markdown-syntax leren door te experimenteren met directe feedback
- Een klein Markdown-fragment snel naar HTML converteren voor een CMS of e-mailsjablonen
Belangrijkste voordelen
- Zie uw Markdown-bron en gerenderde uitvoer direct naast elkaar
- Detecteer syntaxfouten voordat u iets publiceert
- Volledig offline in uw browser — niets wordt gedownload
- Gratis, geen account, geen bestandsgrootte-limiet voor algemeen gebruik
Pro-tips
- Voeg een lege regel toe voor en na lijsten en codeblokken
- Gebruik dubbele asterisken voor vet en enkele asterisken (of underscores) voor cursief
- Preview eerst hier, controleer dan het doelplatform
- Houd kophiërarchie aan (spring niet van # naar ###)
Veelgemaakte fouten
- De vereiste lege regel tussen een alinea en een lijst vergeten
- De spatie na de # in koppen vergeten
- Een codeblok niet sluiten (```)
- Enkele asterisken gebruiken in plaats van dubbele voor vet
Sleutelbegrippen
- CommonMark: Een gestandaardiseerde specificatie van Markdown-syntax, ontworpen om inconsistenties te verminderen
- GFM: GitHub-Flavored Markdown, een uitgebreid dialect met tabellen- en takenlijstondersteuning
- Codehek: Een blok afgebakend door drie backticks (```) gebruikt om code van meerdere regels op te maken
- Inline opmaak: Opmaak binnen één regel, zoals *cursief* of `code`
Gerelateerde concepten
- JSON formatter:
- Regex tester:
- Wachtwoord generator:
- Kleurconverter:
- URL encoder/decoder:
Voorbeeld
"## Hallo
Dit is **vet** en dit is *cursief*." wordt gerenderd als een niveau-2 kop.
Resultaten interpreteren
Het linkerpaneel toont uw ruwe Markdown-bron, terwijl het rechterpaneel deze in realtime als geformatteerde HTML rendeert.
Weergaveproblemen komen vaak door spatiëring.
De preview is een goede benadering van hoe uw Markdown er op de meeste platforms zal uitzien.