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
Schrijf Markdown
Het linkerpaneel neemt ruwe Markdown aan. Elke wijziging rendert het rechterpaneel direct opnieuw.
-
2
Bekijk de HTML-preview
Het rechterpaneel toont de weergegeven uitvoer, opgemaakt zoals op GitHub.
-
3
Wissel van modus
Weergave naast elkaar, alleen preview of alleen bron voor afleidingsvrij schrijven.
-
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
ASCII-tabelreferentie
Volledige ASCII-tabel van 0 tot 127 met decimale, hexadecimale, octale en binaire waarden en HTML-numerieke referentienotatie, inclusief control codes zoals NUL, LF en DEL.
HTML-tekenreferentie
Een doorzoekbare lijst met HTML-entiteiten, hun benoemde en numerieke codes, plus kopiëren met één klik voor speciale tekens en symbolen.
Sneltoetsenoverzicht
Zoek gedocumenteerde standaardsneltoetsen voor VS Code, Chrome en Bash met GNU Readline op macOS, Windows en Linux.
E-mailvalidator
Valideer een e-mailadres: RFC 5322-syntaxcontrole, live MX-record-zoekopdracht, plus details over lokaal deel, domein en lengte. Er wordt geen e-mail verstuurd.
EditorConfig-generator
Genereer een .editorconfig-bestand met uw regels voor inspringstijl en -grootte, regeleinde, tekenset en witruimte voor consistente opmaak in alle IDE's en editors.
Changelog-generator
Maak een markdown-sectie in Keep a Changelog-stijl op basis van gecategoriseerde items. Plak de items onder Added, Changed, Fixed en Removed, kies Markdown of platte tekst en kopieer de uitvoer.
Tool beschikbaar in andere talen
- معاينة Markdown [AR]
- Markdown-Vorschau [DE]
- Pratinjau Markdown [ID]
- Trình xem trước Markdown [VI]
- Markdownプレビュー [JA]
- Markdown 미리보기 [KO]
- ตัวแสดงตัวอย่าง Markdown [TH]
- Aperçu Markdown [FR]
- Previsualizador de Markdown [ES]
- Markdown-förhandsvisare [SV]
- Visualizador de Markdown [PT]
- Podgląd Markdown [PL]
- Markdown Previewer [EN]
- Visualizzatore Markdown [IT]
- Предпросмотр Markdown [RU]
- Markdown Önizleme [TR]
- Markdown 预览器 [ZH]