tigtools

Markdown-forhåndsvisning

Skriv eller lim inn Markdown til venstre, og se det gjengitt ved siden av. Forhåndsvisningen er sandkasset, slik at skript i teksten aldri kjøres.

Kjører i nettleseren din Ingen registrering

Vis

Slik bruker du det

  1. Skriv Markdown i redigeringsfeltet eller trykk «Prøv et eksempel» for å laste inn et dokument med tabeller og en oppgaveliste.
  2. Se forhåndsvisningen oppdateres mens du skriver. Bytt til «HTML-kilde» for å se den genererte koden.
  3. Slå GitHub Flavored Markdown eller enkle linjeskift av eller på for å tilpasse til der teksten skal publiseres.
  4. Kopier HTML-en inn i et CMS eller en e-post, eller last ned resultatet som en .html- eller .md-fil.

Slik fungerer det

Markdown konverteres med marked, en mye brukt åpen kildekode-parser som følger CommonMark-spesifikasjonen og, med GFM-alternativet aktivert, GitHub Flavored Markdown: rørtabeller med kolonnejustering, oppgavelister, ~~gjennomstreking~~ og automatiske lenker for rene URL-er. Fotnoter, matematikk og Mermaid-diagrammer er ikke en del av disse spesifikasjonene og vises som ren tekst.

Markdown kan inneholde rå HTML, og denne HTML-en sendes gjennom uendret, slik de fleste Markdown-gjengivere gjør. For å holde deg trygg settes forhåndsvisningen aldri inn på denne siden. Den gjengis i en sandkasse-ramme som ikke har lov til å kjøre skript, sende inn skjemaer, åpne sprettoppvinduer eller få tilgang til dette nettstedet, og innholdsikkerhetspolicyen blokkerer skript, eksterne stilark, fonter og rammer. En <script>-tagg eller et onclick-attributt i Markdown vises i HTML-kilden, men kjøres aldri. Lenker i forhåndsvisningen vises, men åpnes ikke; kopier URL-en hvis du trenger å følge en.

Forhåndsvisningen bruker et nøytralt stilark som ligner vanlige README-gjengivere; nettstedet ditt eller GitHub kan style den samme HTML-en annerledes. Den kopierte HTML-en er det rene fragmentet uten stiler; den nedlastede .html-filen legger til et grunnleggende stilark slik at den ser ut som forhåndsvisningen. Nedlastet eller kopiert HTML blir ikke renset, så hvis den inneholder skript, kjører de hvor enn du limer den inn eller åpner den.

Eksempler

Sjekke en README før du pusher

Lim inn README.md for å kontrollere at tabellkolonnene står på linje, at oppgavelisten vises som avmerkingsbokser og at kodeblokkene er riktig avgrenset, før filen går til GitHub.

Skrive for et CMS som godtar HTML

Skriv et blogginnlegg i Markdown, trykk deretter på «Kopier HTML» og lim inn <h2>-, <p>- og <ul>-markeringen i CMS-ets HTML-editor.

Chat-lignende linjeskift

Tekst fra en chatteapp har linjer atskilt med enkle linjeskift. Når du slår på «Behandle enkle linjeskift som <br>», holder linjene seg adskilt i stedet for å bli slått sammen til ett avsnitt.

Ofte stilte spørsmål

Er det trygt å lime inn Markdown fra en ukjent kilde?

Ja, for forhåndsvisning. Den gjengitte HTML-en vises i en sandkasse-ramme med skript deaktivert, så selv en <script>-tagg eller en hendelsesbehandler i teksten gjør ingenting her. Vær forsiktig med hvor du limer inn den eksporterte HTML-en, fordi den ikke blir renset.

Hvorfor vises ikke bildene mine?

Bilder fra andre nettsteder blokkeres som standard slik at forhåndsvisningen ikke gjør nettverksforespørsler. Slå på «Last inn bilder fra andre nettsteder» for å vise dem. Relative stier som ./docs/screenshot.png kan ikke fungere fordi filene ikke er her.

Støtter den fotnoter, matematikk eller diagrammer?

Nei. Den støtter CommonMark og GitHub Flavored Markdown (tabeller, oppgavelister, gjennomstreking, autolenker). Fotnoter, LaTeX-matematikk og Mermaid-diagrammer er utvidelser som denne forhåndsvisningen viser som ren tekst.

Hvorfor starter ikke et enkelt linjeskift en ny linje?

I standard Markdown behandles et enkelt linjeskift i et avsnitt som et mellomrom. Avslutt linjen med to mellomrom, la det stå en tom linje, eller slå på «Behandle enkle linjeskift som <br>».

Personvern

Markdown konverteres i nettleseren din og lastes ikke opp eller lagres. Forhåndsvisningen laster ingenting fra internett med mindre du tillater bilder fra andre nettsteder; da hentes disse bildene direkte fra vertene deres.