Ingyenes konverter

Markdown to HTML konverter

Alakítsa át a Markdown szöveget termelésre kész HTML-kóddá élő előnézeti támogatással.

Az eszközről

A Markdown egy egyszerű jelölőnyelv, amelyet John Gruber 2004-ben hozott létre, és lehetővé teszi az íróknak, hogy strukturált HTML-t készítsenek egyszerű szöveges konvenciók használatával: hash karakterek a címsorokhoz, csillagok a kiemeléshez, kötőjelek a listákhoz, behúzott blokkok a kódhoz. Ez a formátum lett az alapértelmezett README fájlok, műszaki dokumentáció, blogvázlatok, statikus webhelygenerátorok és minden olyan környezet, ahol az írásnak egyszerű szövegként és renderelt kimenetként kell olvashatónak lennie. A Markdown HTML-re konvertálása az a renderelési lépés, amely a forrást weboldallá alakítja.

Ez a konverter a megjelölt könyvtárat használja, amely a JavaScript legszélesebb körben alkalmazott Markdown renderelője. A Marked támogatja a CommonMark és a GitHub Flavored Markdown (GFM) technológiát, ami azt jelenti, hogy a táblák, az elkerített kódblokkok, a feladatlisták, az áthúzás és az automatikus linkelés mind helyesen működnek a szokásos Markdown funkciókon felül.

A kimenet sima HTML – szemantikus címkék címsorokhoz, bekezdésekhez, listákhoz, hivatkozásokhoz és képekhez, valamint osztályhorgok kódblokkokhoz, ahol a szintaxiskiemelő eszközök elvárják őket. A kimeneti beillesztés tiszta bármilyen CMS-be, beágyazható statikus webhelygenerátorokba, vagy önálló .html-ként szolgál. Nincs hozzáadva CSS vagy JavaScript; az eredmény stílusának kialakítása a későbbi kontextusra van bízva.

Miért konvertálja a Markdown-t HTML-re?

A Markdown az a formátum, amelyet az írók és a fejlesztők preferálnak; A HTML a böngészők által megjelenített formátum. A legtöbb statikus webhelygenerátor és CMS-platform a színfalak mögött konvertálja a Markdown-t HTML-vé, de néha önálló lépésként is szükség van az átalakításra – be kell illeszteni egy olyan CMS-be, amely nem támogatja a Markdown-t, HTML-kódot generál az e-mailekhez, gyors előnézetet készít, vagy kivonja a renderelt kimenetet további feldolgozáshoz.

A HTML egyben a kanonikus formátum minden olyan tartalomhoz, amely végül megjelenik a böngészőben. A Markdown-vázlatokból összeállított e-mailes hírlevelek, a nagyobb HTML-alkalmazásokba ágyazott dokumentációs oldalak és a HTML-t elváró szerkesztőkbe beillesztett blogbejegyzések mind profitálnak a tiszta konverzióból.

Használati útmutató

Illessze be a Markdown-t, szerezzen HTML-t.

  1. Adja hozzá a Markdown-t: Illessze be a Markdown szöveget a beviteli területre, vagy dobjon egy .md fájlt. Mind a szabványos Markdown, mind a GitHub Flavored Markdown szintaxis működik.
  2. Konvertálni: A Marked elemzi a Markdown-t AST-vé, és HTML-kódot bocsát ki. A szabványos belső elemek (kiemelés, erős, hivatkozások, kód, képek), blokkelemek (címsorok, bekezdések, listák, idézőjelek) és GFM-kiterjesztések (táblázatok, elkerített kódok, feladatlisták, automatikus hivatkozások) mind helyesen jelennek meg.
  3. Előnézet: Ellenőrizze a megjelenített HTML-t az előnézeti panelen. Győződjön meg arról, hogy a kódblokkok, táblák és egyéb összetett elemek a várt módon jelennek meg.
  4. Másolás vagy letöltés: Másolja a HTML-kódot a vágólapra, hogy beillessze a CMS-be, vagy mentse el .html formátumban önálló használatra. A kimenet szemantikus HTML5, soron belüli stílusok nélkül.

Gyakori használati esetek

Műszaki részletek

A Marked kétlépéses architektúrát használ. A lexer a bemenetet blokkszintű tokenekre (címsorok, bekezdések, listák, kódblokkok) és soron belüli tokenekre (kiemelések, hivatkozások, képek) alakítja. Az elemző végigmegy a tokenfolyamon, és HTML-kódot bocsát ki, és minden tokentípushoz alkalmaz renderelői hookokat.

A GitHub Flavored Markdown bővítményei alapértelmezés szerint engedélyezve vannak: táblázatok (cső szintaxist használva), elkerített kódblokkok (háromszoros backtick nyelvi tippekkel), feladatlisták (- [ ] és - [x]), áthúzás (dupla hullámvonal használatával) és URL automatikus linkelése. A kódblokkok előre körbecsomagolt kódot bocsátanak ki, opcionális nyelvosztályokkal a szintaxis kiemeléséhez.

A kimeneti fertőtlenítést a későbbi fogyasztókra bízzuk. A Marked bármit kibocsát, amit a bemenet produkál, beleértve a Markdownba ágyazott nyers HTML-t is. Ha elfogadja a nem megbízható bevitelt, futtassa a kimenetet a DOMPurify-on vagy egy hasonló HTML-fertőtlenítőn keresztül, mielőtt a böngészőben megjeleníti.

Legjobb gyakorlatok

Gyakran ismételt kérdések

A MARKDOWN HTML-re konvertálása megváltoztatja a tartalmat?
A tartalom a lehető legpontosabban megőrződik. Előfordulhat azonban, hogy egyes formátum-specifikus funkciók nem rendelkeznek közvetlen megfelelőkkel, így kisebb formázási eltérések léphetnek fel.
Mire használható a HTML formátum?
A HTML-t (HyperText Markup Language) elsősorban weboldalakhoz és webes tartalmakhoz használják.
Vannak-e korlátozások, amelyekkel tisztában kell lenni?
A fájlok legfeljebb 50 MB-ig támogatottak. A nagyon nagy vagy összetett fájlok feldolgozása tovább tarthat. Minden átalakítás a böngészőben történik, így a feldolgozás sebessége az eszköztől függ.
Ez az átalakítás biztonságos és privát?
Igen. Minden feldolgozás helyileg, a böngészőben történik. Adatai soha nem hagyják el az eszközt – nincs szerverfeltöltés, nincs felhőfeldolgozás, nincs adatgyűjtés.
A hangulatjelek támogatottak?
Az Unicode hangulatjelek közvetlenül áthaladnak (egy szív emoji beírása egy szívet jelenít meg a kimenetben). GitHub-stílusú :emoji: a rövid kódok alapértelmezés szerint nem konvertálódnak; adjon hozzá egy kiterjesztést, ha szüksége van rá.
A Markdownom fel van töltve egy szerverre?
Nem. A Marked a böngészőjében fut; az átalakítás teljes egészében az Ön eszközén történik.
Hozzáadhatok egyéni stílust a HTML-hez?
Igen, átalakítás után. A kimenet sima szemantikus HTML; alkalmazza saját CSS-jét a stíluscímsorokhoz, kódblokkokhoz, táblázatokhoz és egyéb elemekhez.
Támogatja a lábjegyzeteket?
A szabványos CommonMark nem határozza meg a lábjegyzetek szintaxisát. Egyes Markdown kiterjesztések támogatják a [^1] lábjegyzet szintaxisát; ez a konverter követi a GFM-et, amely nem tartalmazza a lábjegyzeteket.