Besplatni pretvarač

Umanjite do HTML pretvarač

Pretvorite Markdown tekst u HTML kod spreman za proizvodnju uz podršku za pregled uživo.

O ovom alatu

Markdown je lagani označni jezik koji je stvorio John Gruber 2004. kako bi piscima omogućio izradu strukturiranog HTML-a koristeći konvencije običnog teksta: znakove raspršivanja za naslove, zvjezdice za isticanje, crtice za popise, uvučene blokove za kod. Format je postao zadani za README datoteke, tehničku dokumentaciju, nacrte blogova, generatore statičkih stranica i bilo koji kontekst u kojem bi pisanje trebalo biti čitljivo kao običan tekst i kao renderirani izlaz. Pretvaranje Markdowna u HTML je korak renderiranja koji pretvara izvor u web stranicu.

Ovaj pretvarač koristi označenu biblioteku, najčešće prihvaćen Markdown renderer u JavaScriptu. Označeno podržava CommonMark i GitHub Flavored Markdown (GFM), što znači da tablice, ograđeni blokovi koda, popisi zadataka, precrtavanje i automatsko povezivanje rade ispravno uz standardne Markdown značajke.

Izlaz je običan HTML — semantičke oznake za naslove, odlomke, popise, poveznice i slike, plus zakačke klase za blokove koda gdje ih očekuju alati za označavanje sintakse. Izlaz čisto zalijepite u bilo koji CMS, ugradite u generatore statičkih stranica ili služite kao samostalni .html. Nije dodan CSS ili JavaScript; stiliziranje rezultata prepušteno je vašem nizvodnom kontekstu.

Zašto pretvoriti Markdown u HTML

Markdown je format koji preferiraju pisci i programeri; HTML je format koji preglednici prikazuju. Većina statičkih generatora web-mjesta i CMS platformi pretvaraju Markdown u HTML iza scene, ali ponekad vam je potrebna konverzija kao samostalni korak — lijepljenje u CMS koji nema podršku za Markdown, generiranje HTML-a za e-poštu, stvaranje brzog pregleda ili izdvajanje renderiranog izlaza za daljnju obradu.

HTML je također kanonski format za bilo koji sadržaj koji će u konačnici biti prikazan u pregledniku. Bilteni putem e-pošte izrađeni od Markdown nacrta, dokumentacijskih stranica ugrađenih u veće HTML aplikacije i postova na blogovima zalijepljenih u uređivače koji očekuju HTML, svi imaju koristi od čiste konverzije.

Kako koristiti

Zalijepite Markdown, preuzmite HTML.

  1. Dodajte svoj Markdown: Zalijepite Markdown tekst u područje unosa ili ispustite .md datoteku. Rade i standardna sintaksa Markdown i GitHub Flavored Markdown.
  2. pretvoriti: Marked analizira Markdown u AST i emitira HTML. Standardni ugrađeni elementi (emphasis, strong, links, code, images), block elements (heads, paragrafs, lists, blockquotes) i GFM ekstenzije (tablice, ograđeni kod, popisi zadataka, automatske veze) svi se prikazuju ispravno.
  3. Pregled: Pregledajte prikazani HTML na ploči za pregled. Potvrdite da se blokovi koda, tablice i drugi složeni elementi pojavljuju prema očekivanjima.
  4. Kopirajte ili preuzmite: Kopirajte HTML u međuspremnik za lijepljenje u CMS ili spremite kao .html za samostalnu upotrebu. Izlaz je semantički HTML5 bez ugrađenih stilova.

Uobičajeni slučajevi upotrebe

Tehnički detalji

Označeno koristi dvoprolaznu arhitekturu. Lekser tokenizira unos u tokene na razini bloka (naslovi, odlomci, popisi, blokovi koda) i ugrađene tokene (naglasci, veze, slike). Parser prolazi tokenom tokena i emitira HTML, primjenjujući zakačke renderera za svaku vrstu tokena.

Proširenja GitHub Flavored Markdown omogućena su prema zadanim postavkama: tablice (koristeći sintaksu uspravne linije), ograđeni blokovi koda (trostruke povratne kvačice s jezičnim savjetima), popisi zadataka (- [ ] i - [x]), precrtano (koristeći dvostruke tilde) i automatsko povezivanje URL-a. Blokovi koda emitiraju unaprijed omotani kod s izbornom jezičnom klasom za označavanje nizvodne sintakse.

Dezinfekcija izlaza prepuštena je daljnjim potrošačima. Označeno emitira sve što unos proizvede, uključujući neobrađeni HTML ugrađen u Markdown. Ako prihvaćate nepouzdani unos, pokrenite izlaz kroz DOMPurify ili sličan HTML sanitizer prije prikazivanja u pregledniku.

Najbolji primjeri iz prakse

Često postavljana pitanja

Mijenja li sadržaj MARKDOWN u HTML?
Sadržaj je sačuvan što je točnije moguće. Međutim, neke značajke specifične za format možda nemaju izravne ekvivalente, pa se mogu pojaviti manje razlike u formatiranju.
Za što se koristi HTML format?
HTML (HyperText Markup Language) prvenstveno se koristi za web stranice i web sadržaj.
Postoje li neka ograničenja kojih treba biti svjestan?
Podržane su datoteke do 50 MB. Obrada vrlo velikih ili složenih datoteka može potrajati dulje. Sve pretvorbe odvijaju se u vašem pregledniku, tako da brzina obrade ovisi o vašem uređaju.
Je li ova konverzija sigurna i privatna?
da Sva se obrada odvija lokalno u vašem pregledniku. Vaši podaci nikada ne napuštaju vaš uređaj — nema prijenosa na poslužitelj, nema obrade u oblaku, nema prikupljanja podataka.
Jesu li emojiji podržani?
Unicode emojiji prolaze izravno (upisivanje emotikona srca prikazuje srce u ispisu). GitHub stil :emoji: kratki kodovi se ne pretvaraju prema zadanim postavkama; dodajte proširenje ako vam je potrebno.
Je li moj Markdown prenesen na poslužitelj?
Ne. Označeno radi u vašem pregledniku; pretvorba se u potpunosti događa na vašem uređaju.
Mogu li dodati prilagođeni stil u HTML?
Da, nakon obraćenja. Izlaz je običan semantički HTML; primijenite vlastiti CSS na naslove stilova, blokove koda, tablice i druge elemente.
Podržava li fusnote?
Standardni CommonMark ne specificira sintaksu fusnote. Neka Markdown proširenja podržavaju [^1] sintaksu fusnote; ovaj pretvarač slijedi GFM, koji ne uključuje fusnote.