Markdown-editor met voorbeeld

Zo gebruik je de Markdown-editor

1. Schrijf of plak Markdown in het vak Markdown. Het Voorbeeld ernaast (op een telefoon eronder) wordt bijgewerkt terwijl je typt.
2. Gebruik de knoppen onder Opmaak (Vet, Cursief, Kop, Link, Lijst, Citaat, Code) om de geselecteerde tekst op te maken, of druk op Ctrl+B / Ctrl+I (⌘B / ⌘I op een Mac).
3. Laat GitHub Flavored Markdown (tabellen, takenlijsten, \~\~doorhalen\~\~, automatische links) aangevinkt voor de syntaxis die op GitHub wordt gebruikt, of vink het uit voor gewone Markdown in CommonMark-stijl.
4. Ben je klaar, klik dan op HTML kopiëren om de HTML in een CMS of e-mailsjabloon te plakken, op .md downloaden om de Markdown-bron op te slaan, of op .html downloaden voor een complete webpagina.

De tellers onder de editor tonen de Woorden en Tekens van je document en een geschatte Leestijd bij 200 woorden per minuut. Woorden worden geteld in de weergegeven tekst, dus Markdown-tekens zoals # of ** blazen de telling niet op.

Automatisch opslaan in je browser

Staat Automatisch opslaan in deze browser aan, dan wordt je concept kort nadat je stopt met typen opgeslagen in de lokale opslag van je browser op dit apparaat. Kom je terug, dan wordt het laatste concept hersteld. Er gaat niets naar een server, dus het concept reist niet mee naar een andere browser of een ander apparaat. In een privévenster, of als de opslag vol of geblokkeerd is, meldt de tool dat automatisch opslaan niet beschikbaar is: download dan je tekst om hem te bewaren. Zet je de optie uit, dan wordt het opgeslagen concept gewist.

Spiekbriefje voor Markdown

• Koppen: # Titel, ## Hoofdstuk, ### Paragraaf
• Nadruk: **vet**, _cursief_, ~~doorgehaald~~ (GFM)
• Links: [tekst](https://example.com); met GFM worden losse URL’s ook links
• Afbeeldingen: ![beschrijving](data:image/png;base64,…)
• Lijsten: - punt of 1. punt; takenlijsten met - [ ] en - [x] (GFM)
• Citaten: > geciteerde tekst
• Code: `inline` of een blok tussen twee regels met drie backticks
• Tabellen (GFM): een kopregel, een regel | --- | --- | en daarna één rij per regel

Veiligheid van het voorbeeld en de export

Markdown kan ruwe HTML bevatten, en daarin kunnen scripts verstopt zitten. Elke keer dat het voorbeeld wordt vernieuwd, wordt de HTML van de Markdown-engine eerst met DOMPurify opgeschoond: scripts, event handlers zoals onclick, javascript:-links, inline stijlen, formulieren, frames en ingesloten media worden verwijderd. Links openen in een nieuw tabblad. Dezelfde opgeschoonde HTML wordt gebruikt door HTML kopiëren en .html downloaden, dus je kunt hem met een gerust hart in andere pagina’s plakken.

Het voorbeeld toont alleen afbeeldingen die als data:- of blob:-URL zijn ingesloten. Externe afbeeldingen, zoals https://…/foto.jpg, worden nooit geladen: het beveiligingsbeleid van deze pagina blokkeert ze, wat ook betekent dat niemand je via het voorbeeld kan volgen. De tool meldt hoeveel afbeeldingen hij niet kon tonen. De Markdown die je downloadt, houdt de oorspronkelijke afbeeldingslinks, zodat ze werken waar je de tekst ook publiceert.

Het .html-bestand is een losse pagina met een klein ingebouwd stijlblad (leesbare lettertypes, tabellen, codeblokken en een donkere modus). De titel komt uit de eerste kop van je document, en die bepaalt ook de naam van de gedownloade bestanden.