Utilia
Kategorier ▾
Språk: nb ▾

HTML til Markdown-konverterer

Konverter HTML til Markdown og Markdown til HTML i nettleseren, med GitHub-tabeller, gjennomstreking og oppgavelister. Ingenting lastes opp.

Konvertering

Forhåndsvisning

Forhåndsvisningen er renset: skript, skjemaer og hendelsesbehandlere fjernes, og eksterne bilder lastes aldri.

Slik konverterer du HTML til Markdown

  1. Velg retning: HTML → Markdown eller Markdown → HTML.
  2. Lim inn koden i inndatafeltet, eller klikk Åpne fil for å laste en .html-, .htm-, .md- eller .txt-fil fra datamaskinen din (opptil 10 MB).
  3. Juster valgene. For HTML → Markdown kan du velge stil for Overskrifter, Listemarkør og stil for Kodeblokker. For Markdown → HTML er Rens HTML-en (fjern skript og hendelsesbehandlere) slått på som standard.
  4. Klikk Konverter. Resultatet oppdateres også mens du skriver.
  5. Kopier eller last ned resultatet. Bytt retning flytter resultatet tilbake til inndatafeltet, slik at du kan konvertere den andre veien og kontrollere rundturen.

Forhåndsvisning under resultatet viser hvordan Markdown-en tegnes opp, så du kan kontrollere konverteringen med et blikk.

Hva HTML → Markdown-konverteringen gjør

Konvertereren leser HTML-en med nettleserens egen parser, i et inaktivt dokument: skript kjører ikke, og bilder lastes ikke ned. Deretter går den gjennom sidestrukturen og skriver Markdown-ekvivalenten til hvert element:

  • <h1> til <h6> blir overskrifter. ATX (# Tittel) skriver # til ######, mens Setext (understreket) understreker overskrifter på nivå 1 og 2 med === eller --- (nivå 3 til 6 bruker alltid #).
  • <strong> og <b> blir **fet**, <em> og <i> blir _kursiv_, og inline <code> blir tilbakeslagstegn.
  • Lenker blir [tekst](url "tittel") og bilder blir ![alt](src).
  • Lister bruker den valgte markøren (-, * eller +). Nummererte lister beholder start-tallet, og nestede lister rykkes inn.
  • <pre><code> blir en kodeblokk, enten Med gjerde (```) eller Innrykket (4 mellomrom).
  • <blockquote>, <hr> og linjeskift konverteres også.
  • <script>, <style>, <iframe>, <noscript> og lignende elementer fjernes med innholdet.

Tegn som ellers ville blitt lest som Markdown-syntaks, for eksempel en * eller en # først på en linje, escapes med omvendt skråstrek slik at teksten forblir bokstavelig.

GitHub Flavored Markdown

Med GitHub Flavored Markdown (tabeller, ~~gjennomstreking~~, oppgavelister) avkrysset:

  • Tabeller blir tabeller med loddrette streker og justerte kolonner. Overskriften hentes fra en <thead>-rad eller en rad som bare består av <th>-celler. Finnes ingen, legges det til en tom overskriftsrad, fordi GFM krever det. Kolonnejustering leses fra align="right" eller style="text-align: center". Loddrette streker inne i celler escapes som \|, linjeskift blir <br>, og en colspan fylles ut med tomme celler. En <caption> skrives som et avsnitt over tabellen.
  • <del>, <s> og <strike> blir ~~gjennomstreking~~.
  • Avmerkingsbokser først i listeelementer blir oppgavelisteelementer: - [x] ferdig, - [ ] gjenstår.

Markdown har ingen tilsvarende for nestede tabeller, sammenslåtte rader eller celleformatering. En tabell som inneholder en annen tabell, beholdes som rå HTML, noe de fleste Markdown-visere godtar. Uten GFM-valget beholdes alle tabeller som HTML.

Markdown → HTML

Den andre veien tegnes Markdown-en opp med en parser som følger CommonMark, med GFM-utvidelsene når valget er på. Resultatet er HTML-fragmenter, klare til å limes inn i et CMS, en e-postmal eller en nettside. Når Rens HTML-en (fjern skript og hendelsesbehandlere) er avkrysset, renses rå HTML som ligger i Markdown-en: <script>-koder, onclick-attributter og javascript:-lenker fjernes. Fjern avkrysningen bare for Markdown du har skrevet selv.

Ofte stilte spørsmål

Sendes HTML-en min til en server?

Nei. Begge konverteringene kjører helt i nettleseren din, og siden laster aldri opp det du limer inn eller åpner. Du kan trygt konvertere intern dokumentasjon eller utkast.

Er forhåndsvisningen trygg med HTML jeg ikke stoler på?

Ja. Forhåndsvisning går alltid gjennom DOMPurify: skript, skjemaer, rammer og hendelsesbehandlere fjernes, lenker åpnes i en ny fane uten tilgang til denne siden, og eksterne bilder lastes aldri. Bare bilder innebygd som data:-URL-er vises.

Hvorfor forsvinner noen deler av siden min?

Markdown beskriver bare innholdets struktur. Layoutelementer, CSS-klasser, innebygde stiler, skjemaer og innebygde moduler har ingen Markdown-form, så bare teksten beholdes. Skript og stiler fjernes helt.

Kan jeg konvertere en hel nettside?

Ja. Lim inn hele kildekoden, med <html> og <head>: bare innholdet i <body> konverteres. For renere Markdown limer du bare inn artikkeldelen i stedet for navigasjon og bunntekst.

Hvilken Markdown-variant bruker resultatet?

Resultatet følger CommonMark, standarden som støttes av GitHub, GitLab, Obsidian, de fleste statiske nettstedsgeneratorer og mange CMS-editorer. Tabeller, gjennomstreking og oppgavelister følger spesifikasjonen for GitHub Flavored Markdown.

Relaterte verktøy