Utilia
Kategorije ▾
Jezik: sl ▾

Pretvornik HTML v Markdown

Pretvarjaj HTML v Markdown in Markdown v HTML v brskalniku, s tabelami GitHub, prečrtanim besedilom, seznami nalog in varnim predogledom. Nič se ne naloži.

Pretvorba

Predogled

Predogled je očiščen: skripti, obrazci in obravnavalniki dogodkov so odstranjeni, oddaljene slike pa se nikoli ne naložijo.

Kako pretvoriti HTML v Markdown

  1. Izberi smer: HTML → Markdown ali Markdown → HTML.
  2. Prilepi kodo v vnosno polje ali klikni Odpri datoteko, da iz računalnika naložiš datoteko .html, .htm, .md ali .txt (do 10 MB).
  3. Prilagodi možnosti. Pri HTML → Markdown lahko izbereš slog Naslovi, Oznaka seznama in slog Bloki kode. Pri Markdown → HTML je Očisti HTML (odstrani skripte in obravnavalnike dogodkov) privzeto vklopljeno.
  4. Klikni Pretvori. Rezultat se posodablja tudi med tipkanjem.
  5. Kopiraj ali prenesi rezultat. Zamenjaj smer prestavi rezultat nazaj v vnos, da ga lahko pretvoriš v nasprotno smer in preveriš krog tja in nazaj.

Predogled pod rezultatom prikaže, kako se Markdown izriše, tako da pretvorbo preveriš na prvi pogled.

Kaj počne pretvorba HTML → Markdown

Pretvornik prebere tvoj HTML z lastnim razčlenjevalnikom brskalnika v nedejavnem dokumentu: skripti se ne izvajajo in slike se ne prenašajo. Nato obhodi strukturo strani in zapiše ustreznico Markdown za vsak element:

  • <h1> do <h6> postanejo naslovi. ATX (# Naslov) zapiše # do ######; Setext (podčrtano) podčrta naslova ravni 1 in 2 z === ali --- (ravni od 3 do 6 vedno uporabljajo #).
  • <strong> in <b> postaneta **krepko**, <em> in <i> postaneta _ležeče_, vrstični <code> pa vzvratni narekovaji.
  • Povezave postanejo [besedilo](url "naslov"), slike pa ![alt](src).
  • Seznami uporabljajo izbrano oznako (-, * ali +); oštevilčeni seznami ohranijo število start, gnezdeni seznami pa so zamaknjeni.
  • <pre><code> postane blok kode, Ograjeni (```) ali Zamaknjeni (4 presledki).
  • <blockquote>, <hr> in prelomi vrstic se pretvorijo prav tako.
  • <script>, <style>, <iframe>, <noscript> in podobni elementi se odstranijo skupaj z vsebino.

Znaki, ki bi jih sicer prebrali kot sintakso Markdown, na primer * ali # na začetku vrstice, so zaščiteni z levo poševnico, tako da besedilo ostane dobesedno.

GitHub Flavored Markdown

Z označenim GitHub Flavored Markdown (tabele, ~~prečrtano~~, seznami nalog):

  • Tabele postanejo tabele z navpičnicami in poravnanimi stolpci. Glava izvira iz vrstice <thead> ali vrstice, sestavljene samo iz celic <th>; če je ni, se doda prazna vrstica glave, ker jo GFM zahteva. Poravnava stolpcev se prebere iz align="right" ali style="text-align: center". Navpičnice v celicah so zaščitene kot \|, prelomi vrstic postanejo <br>, colspan pa se dopolni s praznimi celicami. <caption> je zapisan kot odstavek nad tabelo.
  • <del>, <s> in <strike> postanejo ~~prečrtano~~.
  • Potrditvena polja na začetku elementov seznama postanejo elementi seznama nalog: - [x] opravljeno, - [ ] za opraviti.

Markdown nima ustreznice za gnezdene tabele, združene vrstice ali oblikovanje celic. Tabela, ki vsebuje drugo tabelo, ostane kot surovi HTML, kar sprejema večina izrisovalnikov Markdown. Brez možnosti GFM ostane vsaka tabela kot HTML.

Markdown → HTML

V nasprotni smeri se Markdown izriše z razčlenjevalnikom, skladnim s CommonMark, z razširitvami GFM, kadar je možnost vklopljena. Izhod so odlomki HTML, pripravljeni za lepljenje v CMS, e-poštno predlogo ali spletno stran. Ko je označeno Očisti HTML (odstrani skripte in obravnavalnike dogodkov), se surovi HTML, vdelan v Markdown, očisti: oznake <script>, atributi onclick in povezave javascript: se odstranijo. Odznači jo samo pri Markdownu, ki si ga napisal sam.

Pogosta vprašanja

Ali se moj HTML pošlje na strežnik?

Ne. Obe pretvorbi potekata v celoti v tvojem brskalniku, stran pa nikoli ne naloži tega, kar prilepiš ali odpreš. Notranjo dokumentacijo ali osnutke lahko varno pretvarjaš.

Ali je predogled varen z nezaupanja vrednim HTML?

Da. Predogled vedno gre skozi DOMPurify: skripti, obrazci, okvirji in obravnavalniki dogodkov so odstranjeni, povezave se odprejo v novem zavihku brez dostopa do te strani, oddaljene slike pa se nikoli ne naložijo. Prikazane so samo slike, vdelane kot URL-ji data:.

Zakaj nekateri deli moje strani izginejo?

Markdown opisuje samo strukturo vsebine. Elementi postavitve, razredi CSS, vrstični slogi, obrazci in vdelani gradniki nimajo oblike v Markdownu, zato se ohrani samo njihovo besedilo. Skripti in slogi so odstranjeni v celoti.

Ali lahko pretvorim celotno spletno stran?

Da. Prilepi celoten izvor, vključno z <html> in <head>: pretvori se samo vsebina <body>. Za čistejši Markdown prilepi samo del članka, brez navigacije in noge.

Katero različico Markdowna uporablja izhod?

Izhod sledi CommonMark, standardu, ki ga podpirajo GitHub, GitLab, Obsidian, večina generatorjev statičnih strani in številni urejevalniki CMS. Tabele, prečrtano besedilo in seznami nalog sledijo specifikaciji GitHub Flavored Markdown.

Sorodna orodja