Markdown-editor online med live preview
Skriv Markdown-dokumenter, sett inn tabeller og formatering, og forhåndsvis i sanntid. Last ned som .md eller .html.
Markdown-editor
Skriv Markdown og se resultatet i sanntid.
Slik fungerer det
Denne Markdown-editoren kjører helt lokalt i nettleseren din. Innholdet du skriver inn eller filene du åpner blir aldri sendt til en server, noe som gir deg 100% personvern og sikkerhet.
Hva er Markdown?
Markdown er et lettvektsspråk for tekstformatering som bruker enkle symboler for å angi struktur (for eksempel # for overskrifter, * for kursiv, og ** for fet skrift). Det gjør det enkelt å skrive formatert tekst som raskt kan konverteres til HTML.
Om dette verktøyet
Markdown er et lettvekts markeringsspråk laget for at rå tekst skal være lesbar samtidig som den kan konverteres til pen HTML. Formatet ble skapt av John Gruber i 2004 og har blitt de facto-standarden for readme-filer på GitHub, dokumentasjon, statiske nettsteder og de fleste bloggplattformer. Dette verktøyet lar deg skrive Markdown i venstre panel og se HTML og formatert forhåndsvisning i sanntid i høyre. Vanlige elementer som overskrifter, lister, tabeller, kodeblokker og lenker støttes, i tillegg til GitHub-utvidelser som avkryssingsbokser og strekthrough.
Slik bruker du det
- Skriv eller lim inn Markdown i venstre panel.
- Se den formaterte forhåndsvisningen umiddelbart til høyre.
- Bytt fanevisning for å se ren HTML som du kan kopiere inn i CMS-et ditt.
- Bruk snarveiene i verktøylinjen for fet, kursiv, lenker, bilder og kodeblokker om du foretrekker knapper.
Eksempler
# Overskrift
Dette er **fet** og *kursiv* tekst.<h1>Overskrift</h1><p>Dette er <strong>fet</strong> og <em>kursiv</em> tekst.</p>[verktoy.dev](https://verktoy.dev)
<p><a href="https://verktoy.dev">verktoy.dev</a></p><p><img alt="alt-tekst" src="/logo.png"></p>```js
console.log("Hei")
```<pre><code class="language-js">console.log("Hei")
</code></pre>Vanlige bruksområder
- Skrive README, wiki og dokumentasjon som lever i git.
- Sende formatert tekst til Slack, Discord, Teams og GitHub-issues.
- Publisere blogginnlegg i statiske sidegeneratorer som Astro, Hugo, Jekyll.
- Formatere notater i Obsidian, Notion, Bear eller Standard Notes.
- Konvertere fra Markdown til HTML før innliming i et CMS eller nyhetsbrev.
Ofte stilte spørsmål
- Hvilken Markdown-variant støttes?
- CommonMark med et utvalg av GitHub-utvidelser (GFM): tabeller, avkryssingsbokser, strikethrough og fenced code blocks med språk. Fotnoter og HTML-innsetting fungerer også.
- Sanitiseres HTML-innhold?
- Forhåndsvisningen sanitiseres for å hindre XSS, men HTML-utdataen returneres slik du skrev den. Sanitiser selv før du limer det inn i en produksjonsside.
- Hvorfor viser ikke bildet mitt seg?
- Bilder må ha en absolutt URL eller en relativ sti som fungerer der HTML-en vises. Verktøyet kan ikke laste inn lokale filer på maskinen din. Bruk data-URL eller last opp bildet et sted først.
- Kan jeg konvertere HTML tilbake til Markdown?
- Ikke i dette verktøyet. Prøv Turndown eller Pandoc for den motsatte veien, konverteringen er tapsutsatt fordi HTML tillater mer enn Markdown.
Teknisk bakgrunn
Markdown parses vanligvis i to trinn: først bygges et abstract syntax tree (AST) fra kildeteksten, deretter renderes AST-en til HTML. CommonMark er standard-spesifikasjonen (definert 2014) og løser mange tvetydigheter i den originale 2004-syntaksen. GitHub Flavoured Markdown legger til tabeller, fenced code blocks med språk, avkryssingsbokser (- [ ] tekst), auto-lenker og strikethrough (~~). MDX kombinerer Markdown med JSX for React-komponenter i innhold. Sikkerhet: Markdown tillater rå HTML som standard, så inline <script> vil kjøre hvis rendereren ikke sanitiserer. Kjente parsere er marked, markdown-it, remark og cmark (referanseimplementasjonen). Ytelse: en typisk artikkel på 5 000 ord parses på under 10 ms i moderne parsere.