Markdown-voorbeeld
Schrijf Markdown en zie het meteen weergegeven, of kopieer de HTML. Ruwe HTML wordt als tekst getoond en links worden gecontroleerd, dus niets in het voorbeeld kan draaien.
Codevoorbeelden
Kopieer deze voorbeelden naar je eigen project. Ze gebruiken alleen de standaardbibliotheek van de taal, dus er hoeft niets geïnstalleerd te worden.
const text = '# Hello\n\nSome **bold** text <b>raw</b>'
const escaped = text.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>')
const html = escaped
.split('\n\n')
.map((block) =>
block.startsWith('# ')
? `<h1>${block.slice(2)}</h1>`
: `<p>${block.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')}</p>`,
)
.join('\n')
console.log(html)Wat het doet
Toont Markdown als weergegeven pagina terwijl je typt en geeft je de HTML. Het leest CommonMark en de GitHub-uitbreidingen die de meeste documenten gebruiken: tabellen, takenlijsten, doorhalen en automatische links.
Zo gebruik je het
- Typ of plak Markdown, of sleep een tekstbestand erin.
- Kies Voorbeeld om de weergegeven pagina te zien, of HTML voor de opmaak. Zet regeleinden aan als een enkele enter een nieuwe regel moet beginnen, zoals in chatberichten.
- Kopieer of download de HTML.
Voorbeelden
# Hallo wordt <h1>Hallo</h1> en Wat **vette** tekst wordt Wat <strong>vette</strong> tekst. Een tabel met streepjes en verticale strepen wordt een echte tabel en - [x] klaar wordt een aangevinkt vakje.
Goed om te weten
- Ruwe HTML in de bron wordt als tekst getoond en nooit doorgegeven, dus een script-tag of event handler in geplakte Markdown kan niets doen.
- Alleen web-, mail- en telefoonlinks en relatieve adressen blijven links. Een
javascript:-link blijft gewone tekst. - Afbeeldingen worden in het voorbeeld nooit geladen. Je ziet de beschrijving en het adres, en de gekopieerde HTML bevat de afbeeldingstag.
- De grens is 100.000 tekens.
Wat ondersteunt het voorbeeld?
CommonMark plus de GitHub-uitbreidingen die het meest worden gebruikt: tabellen, takenlijsten, doorhalen en automatische links. Alles wordt in je browser omgezet.
Veelgestelde vragen
Waarom wordt mijn ruwe HTML als tekst getoond?
Ruwe HTML in Markdown kan scripts uitvoeren, dus wordt het nooit doorgelaten: script-tags en andere opmaak verschijnen zoals getypt. Gebruik in plaats daarvan Markdown-syntaxis. De HTML die je kopieert is op dezelfde manier geëscapet.
Waarom worden afbeeldingen niet geladen?
Afbeeldingen worden nooit opgehaald, dus een voorbeeld kan niet worden gebruikt om je te volgen of iets van een andere site te laden. Je ziet de beschrijving en het adres als gewone tekst. De gekopieerde HTML bevat wel de afbeeldingstag.
Stuurt deze tool mijn tekst ergens naartoe?
Nee. Alles gebeurt in je browser. Wat je typt wordt nooit naar onze servers gestuurd.