Markdown-editor
Schrijf en bekijk Markdown met directe weergave en een werkbalk
Markdown
Tekens worden geteld als UTF-16-code-eenheden; woorden zijn tokens gescheiden door witruimte, inclusief Markdown-syntaxis.
Snelle Markdown-referentie
- Kop 1
# Kop 1- Kop 2
## Kop 2- Vet
**bold**- Cursief
*italic*- Link
[link](url)- Image
- Inlinecode
`inline code`- Codeblok
```codeblok```- Lijst met opsommingstekens
- opsomming- Genummerde lijst
1. genummerde lijst- Citaatblok
> citaatblok- Horizontale lijn
--- horizontale lijn
Voorbeeld en HTML
Voorbeeld voorbereiden…
Over dit voorbeeld
- Dit is de oorspronkelijke eenvoudige parser met gecontroleerde verbeteringen. GitHub en andere Markdown-renderers kunnen andere resultaten geven.
- Code in blokken en inline blijft letterlijk behouden. Er is geen taalspecifieke syntaxiskleuring.
- Externe afbeeldings-URL's worden zonder referrer van hun hosts geladen; die hosts ontvangen het afbeeldingsverzoek. De voorbeeldafbeelding is lokaal.
- HTML wordt gefilterd vóór het voorbeeld en het kopiëren van HTML. Bij het kopiëren en opslaan van Markdown blijft uw brontekst behouden.
- HTML kopiëren plaatst de HTML-brontekst op het klembord; een rich-texteditor kan die als gewone tekst plakken.
- De editor slaat niet automatisch op. Download uw document voordat u deze pagina verlaat.
Over de Markdown-editor
Onze Markdown-editor is een gratis online tool met live bewerken en voorbeeld naast elkaar om Markdown-documenten te schrijven. Markdown is een lichte opmaaktaal die veel wordt gebruikt voor documentatie, README-bestanden, blogberichten, technische teksten en notities. Met deze editor schrijft u links Markdown en ziet u rechts direct de weergegeven HTML-uitvoer.
De editor bevat een uitgebreide werkbalk om veelgebruikte Markdown-syntaxis snel in te voegen, zoals koppen, vet, cursief, links, afbeeldingen, codeblokken, lijsten, citaten en horizontale lijnen. U hoeft de Markdown-syntaxis niet uit het hoofd te leren om te beginnen. Klik gewoon op de knoppen in de werkbalk om opmaak in te voegen op de plek van de cursor, of typ Markdown rechtstreeks als u dat liever doet.
De editor verwerkt uw Markdown lokaal zonder het document te uploaden. Externe afbeeldings-URL's kunnen nog steeds verzoeken naar hun hosts sturen en andere scripts op de site kunnen verzoeken doen. Er is geen algemene privacygarantie. De editor ondersteunt realtime voorbeeld, tellen van tekens en woorden, kopiëren naar het klembord van zowel Markdown als HTML-uitvoer en rechtstreeks downloaden als .md-bestand.
Belangrijkste functies
- Live Markdown bewerken en HTML-voorbeeld naast elkaar met directe weergave
- Volledige werkbalk met knoppen voor vet, cursief, koppen (H1-H3), links, afbeeldingen, codeblokken, lijsten, citaten en horizontale lijnen
- Ingebouwde Markdown-naar-HTML-parser met ondersteuning voor koppen, nadruk, code, links, afbeeldingen, lijsten, citaten en horizontale lijnen
- Realtime aantal tekens en woorden, weergegeven boven de editor
- Markdown-bron met één klik naar het klembord kopiëren
- Weergegeven HTML naar het klembord kopiëren om te plakken in webpagina's of e-maileditors
- Uw document downloaden als .md-bestand voor lokale opslag en versiebeheer
- Knop Wissen om met een lege editor opnieuw te beginnen
- Naslagkaart met veelgebruikte Markdown-syntaxis in één oogopslag
- Responsieve indeling die editor en voorbeeld op mobiele apparaten onder elkaar zet
- Volledige ondersteuning voor donkere modus voor prettig bewerken bij elke lichtsterkte
- Standaardvoorbeeldinhoud die alle ondersteunde Markdown-functies laat zien
Zo gebruikt u de Markdown-editor
- Begin met schrijven: De editor opent met voorbeeldinhoud die alle ondersteunde Markdown-functies toont. Wis die om opnieuw te beginnen, of pas het voorbeeld aan om te zien hoe elk syntaxiselement werkt.
- Gebruik de werkbalk: Klik op een knop in de werkbalk om de bijbehorende Markdown-syntaxis in te voegen op de plek van de cursor. Selecteer eerst tekst om die te omringen met opmaak zoals vet of cursief.
- Direct voorbeeld: Terwijl u typt, werkt deze eenvoudige parser een gefilterd voorbeeld bij. Markdown-renderers op de bestemming kunnen afwijken, dus controleer de opmaak op de bestemming voordat u publiceert.
- Controleer uw statistieken: Het aantal tekens en woorden wordt live bijgewerkt boven de editor, zodat u de lengte van het document kunt bijhouden voor eisen of woordlimieten.
- Kopiëren of downloaden: Gebruik de knop “MD” om uw ruwe Markdown te kopiëren, de knop “HTML” om de weergegeven HTML te kopiëren, of de knop “Opslaan” om uw document te downloaden als .md-bestand.
Ondersteunde Markdown-syntaxis
- Koppen: Gebruik # voor H1, ## voor H2, ### voor H3 en #### voor H4. Elk kopniveau geeft steeds kleinere tekst met passende ruimte.
- Vet en cursief: Zet tekst tussen **dubbele sterretjes** of __dubbele underscores__ voor vet, en tussen *enkele sterretjes* of _enkele underscores_ voor cursief.
- Links: Maak klikbare links met de syntaxis [linktekst](URL). Links openen voor het gemak in een nieuw tabblad.
- Afbeeldingen: Voeg afbeeldingen in met de syntaxis . Afbeeldingen worden responsief weergegeven met afgeronde hoeken.
- Code: Gebruik backticks voor inlinecode en drie backticks voor codeblokken met meerdere regels. Code krijgt een opgemaakte achtergrond; syntaxiskleuring per taal is niet beschikbaar.
- Lijsten: Begin regels met - of * voor lijsten met opsommingstekens en met 1. voor genummerde lijsten.
- Citaten: Begin een regel met > voor een opgemaakt citaat met een blauwe accentrand aan de linkerkant.
- Horizontale lijnen: Gebruik ---, *** of ___ op een aparte regel voor een visuele scheiding tussen secties.
- Regeleinden: Gebruik dubbele nieuwe regels voor alinea-einden, of enkele nieuwe regels binnen alinea's voor regeleinden.
Toepassingen
- README-bestanden: Schrijf README.md-bestanden met dit eenvoudige voorbeeld en controleer de weergave daarna op GitHub. Deze parser implementeert niet de volledige GFM-specificatie.
- Technische documentatie: Maak documentatie voor API's, bibliotheken en softwareprojecten met de juiste opmaak, codeblokken en gestructureerde koppen.
- Blogberichten: Schrijf blogteksten in Markdown, bekijk de opmaak in het voorbeeld en kopieer daarna de HTML om in uw contentmanagementsysteem te plakken.
- Notities maken: Gebruik Markdown voor gestructureerde notities tijdens vergaderingen, colleges of onderzoek. Download notities als .md-bestanden voor een geordende opslag.
- E-mailopmaak: Schrijf inhoud in Markdown en kopieer de gefilterde HTML-brontekst. Gebruik een editor die HTML begrijpt of een importmethode; een rich-texteditor kan de bron als platte tekst plakken.
- Markdown leren: Gebruik de knoppen in de werkbalk en de naslagkaart om de Markdown-syntaxis interactief te leren met direct visueel resultaat.
- Contentmigratie: Zet Markdown-inhoud om naar HTML voor gebruik in websites, wiki's en kennisbanksystemen.
Veelgestelde vragen
Is deze Markdown-editor gratis?
De editor is gratis en vereist geen registratie. De grootte van het document en de weergavesnelheid hangen af van de middelen van de browser; er is geen garantie voor onbeperkte verwerkingscapaciteit.
Is mijn inhoud privé en veilig?
Deze editor verwerkt lokaal, zonder het document te uploaden of automatisch op te slaan. Externe afbeeldingen kunnen verzoeken naar hun hosts sturen en andere scripts op de site kunnen opslag gebruiken of verzoeken doen. Bewaar zelf kopieën; dit is geen absolute garantie voor privacy of beveiliging.
Welke Markdown-functies worden ondersteund?
De eenvoudige parser ondersteunt H1-H4, nadruk, links, afbeeldingen, code, eenvoudige lijsten, citaten, horizontale lijnen en alinea's met regeleinden. Complexe nesting en GFM-extensies zijn niet volledig geïmplementeerd.
Kan ik dit gebruiken voor README-bestanden op GitHub?
U kunt hier een README.md opstellen, de Markdown kopiëren of opslaan en op GitHub controleren. Deze eenvoudige parser is geen volledige GFM-renderer; functies zoals tabellen, takenlijsten en doorhalen kunnen anders worden weergegeven.
Kan ik naar HTML exporteren?
Met HTML-bron kopiëren komt gefilterde HTML-tekst op het klembord. Plak die in een editor die HTML begrijpt of importeer hem als bron; rich-texteditors kunnen de opmaakcode als tekst tonen.
Werkt de editor op mobiele apparaten?
Ja, de editor is volledig responsief. Op kleinere schermen staan het bewerkingsvenster en het voorbeeld onder elkaar in plaats van naast elkaar, zodat u prettig kunt werken op telefoons en tablets.
Tips & best practices
- Gebruik koppen voor structuur: Orden uw documenten met een duidelijke koppenhiërarchie. Begin met H1 voor de titel, H2 voor hoofdsecties en H3 voor subsecties.
- Bekijk het voorbeeld terwijl u schrijft: Houd het voorbeeldvenster zichtbaar om opmaakproblemen vroeg op te merken en te zorgen dat uw document er precies zo uitziet als u wilt.
- Selecteer tekst vóór het opmaken: Markeer tekst in de editor voordat u op een knop in de werkbalk klikt, zodat de geselecteerde tekst de gekozen opmaak krijgt.
- Gebruik codeblokken voor technische inhoud: Zet codefragmenten, opdrachten en configuratievoorbeelden in codeblokken om de opmaak te behouden en de leesbaarheid te verbeteren.
- Sla regelmatig op: Gebruik de downloadknop om uw werk op te slaan als .md-bestand. Markdown-bestanden zijn platte tekst en kunnen in elke teksteditor worden geopend.
- Leer de Markdown-syntaxis: Gebruik de werkbalk of typ de Markdown-syntaxis rechtstreeks, zoals ** voor vet en * voor cursief. Deze brongebaseerde editor kent geen eigen sneltoetsen voor opmaak.