Utilia
Kategorije ▾
Jezik: sr ▾

HTML u Markdown pretvarač

Pretvori HTML u Markdown i Markdown u HTML u pregledaču, sa GitHub tabelama, precrtanim tekstom, listama zadataka i bezbednim pregledom. Ništa se ne otprema.

Pretvaranje

Pregled

Pregled je očišćen: skripte, obrasci i rukovaoci događajima se uklanjaju, a slike sa interneta se nikada ne učitavaju.

Kako da pretvoriš HTML u Markdown

  1. Izaberi smer u odeljku Pretvaranje: HTML → Markdown ili Markdown → HTML.
  2. Nalepi kod u polje za unos ili klikni Otvori fajl da sa računara učitaš .html, .htm, .md ili .txt fajl (do 10 MB).
  3. Podesi opcije. Za HTML → Markdown možeš da izabereš stil za Naslovi, Oznaka liste i Blokovi koda. Za Markdown → HTML, opcija Očisti HTML (ukloni skripte i rukovaoce događajima) je podrazumevano uključena.
  4. Klikni Pretvori. Rezultat se osvežava i dok kucaš.
  5. Kopiraj ili preuzmi rezultat. Zameni smer vraća rezultat u unos da ga pretvoriš u suprotnom smeru i proveriš krug pretvaranja.

Pregled ispod rezultata prikazuje kako se Markdown iscrtava, pa pretvaranje možeš da proveriš na prvi pogled.

Šta radi pretvaranje HTML u Markdown

Pretvarač čita tvoj HTML parserom samog pregledača, u neaktivnom dokumentu: skripte se ne izvršavaju, a slike se ne preuzimaju. Zatim prolazi kroz strukturu stranice i piše Markdown ekvivalent svakog elementa:

  • <h1> do <h6> postaju naslovi. ATX (# Naslov) piše # do ######; Setext (podvučeno) podvlači naslove nivoa 1 i 2 sa === ili --- (nivoi od 3 do 6 uvek koriste #).
  • <strong> i <b> postaju **podebljano**, <em> i <i> postaju _kurziv_, a <code> u tekstu postaje znak za kod (backtick).
  • Linkovi postaju [tekst](url "naslov"), a slike ![alt](src).
  • Liste koriste izabranu oznaku (-, * ili +); numerisane liste zadržavaju svoj start broj, a ugnežđene liste se uvlače.
  • <pre><code> postaje blok koda, Ograđeni (```) ili Uvučeni (4 razmaka).
  • <blockquote>, <hr> i prelomi redova se takođe pretvaraju.
  • <script>, <style>, <iframe>, <noscript> i slični elementi uklanjaju se zajedno sa sadržajem.

Znakovi koji bi se inače čitali kao Markdown sintaksa, poput * ili # na početku reda, kodiraju se obrnutom kosom crtom da tekst ostane doslovan.

GitHub Flavored Markdown

Kad je označeno GitHub Flavored Markdown (tabele, ~~precrtano~~, liste zadataka):

  • Tabele postaju tabele sa uspravnim crtama i poravnatim kolonama. Zaglavlje dolazi iz reda <thead> ili reda koji čine samo ćelije <th>; ako ga nema, dodaje se prazan red zaglavlja, jer ga GFM zahteva. Poravnanje kolona čita se iz align="right" ili style="text-align: center". Uspravne crte u ćelijama kodiraju se kao \|, prelomi redova postaju <br>, a colspan se dopunjuje praznim ćelijama. <caption> se piše kao pasus iznad tabele.
  • <del>, <s> i <strike> postaju ~~precrtano~~.
  • Polja za potvrdu na početku stavki liste postaju stavke liste zadataka: - [x] gotovo, - [ ] za uraditi.

Markdown nema ekvivalent za ugnežđene tabele, spojene redove ni stilizovanje ćelija. Tabela koja sadrži drugu tabelu zadržava se kao sirovi HTML, što prihvata većina Markdown iscrtavača. Bez GFM opcije, svaka tabela ostaje HTML.

Markdown → HTML

U suprotnom smeru, Markdown se iscrtava parserom usklađenim sa CommonMark-om, sa GFM proširenjima kad je opcija uključena. Rezultat su HTML fragmenti, spremni za lepljenje u sistem za upravljanje sadržajem, šablon e-pošte ili veb-stranicu. Kad je označeno Očisti HTML (ukloni skripte i rukovaoce događajima), sirovi HTML ugrađen u Markdown se čisti: uklanjaju se oznake <script>, atributi onclick i javascript: linkovi. Isključi je samo za Markdown koji si sam napisao.

Česta pitanja

Da li se moj HTML šalje na server?

Ne. Oba pretvaranja se u potpunosti izvršavaju u tvom pregledaču, a stranica nikada ne otprema ono što nalepiš ili otvoriš. Možeš bezbedno da pretvaraš internu dokumentaciju ili nacrte.

Da li je pregled bezbedan za nepouzdan HTML?

Da. Pregled uvek prolazi kroz DOMPurify: skripte, obrasci, okviri i rukovaoci događajima se uklanjaju, linkovi se otvaraju u novoj kartici bez pristupa ovoj stranici, a slike sa interneta se nikada ne učitavaju. Prikazuju se samo slike ugrađene kao data: URL-ovi.

Zašto neki delovi moje stranice nestaju?

Markdown opisuje samo strukturu sadržaja. Elementi rasporeda, CSS klase, ugrađeni stilovi, obrasci i ugrađeni dodaci nemaju Markdown oblik, pa se zadržava samo njihov tekst. Skripte i stilovi se uklanjaju u potpunosti.

Mogu li da pretvorim celu veb-stranicu?

Da. Nalepi ceo izvorni kod, uključujući <html> i <head>: pretvara se samo sadržaj <body>. Za čistiji Markdown nalepi samo deo sa člankom, a ne navigaciju i podnožje.

Koji Markdown dijalekat koristi rezultat?

Rezultat sledi CommonMark, standard koji podržavaju GitHub, GitLab, Obsidian, većina generatora statičkih sajtova i mnogi uređivači sistema za upravljanje sadržajem. Tabele, precrtani tekst i liste zadataka prate specifikaciju GitHub Flavored Markdown.

Srodni alati