Ingyenes Markdown–HTML konvertáló
Alakíts Markdownt tiszta HTML-lé élő előnézettel. Használd a forrás nézetet a blogokba, CMS-ekbe vagy e-mail sablonokba beilleszthető HTML másolásához.
Illeszd be a Markdown szöveget balra; a tiszta HTML jobbra jelenik meg.
A HTML kimenet itt jelenik meg…Gyakori felhasználások
- Markdown közzététele a CMS-benAlakítsa át a Markdown megjegyzéseket HTML-be a CMS-be történő beillesztéshez, amely csak HTML-t fogad el.
- HTML e-mail tartalom összeállításaAlakítsa át a Markdown-t HTML-be a tranzakciós e-mailekhez és hírlevelekhez.
- README fájlok helyi előnézeteIllessze be a README.md-jét, hogy megtudja, hogyan fog megjelenni a GitHub, GitLab vagy npm-ben.
- Oldal tartalom generálása statikus webhelyekhezAlakítsa át a Markdown szövegtörzs HTML-be a kézzel felépített statikus webhelyek vagy egyszeri lapok számára.
- HTML dokumentáció összeállításaAlakítsa át a belső Markdown dokumentumokat HTML-be az alkalmazásokba, támogatási központokba vagy tudásbázisokba való beépítéshez.
Hogyan működik
Az átalakítás teljes egészében a böngésződben történik egy kézzel írt Markdown-elemzővel — nincs külső könyvtár, nincs szerverkérés. Az elemző soronként halad végig a forráson, először blokkszintű szabályokat alkalmaz (fejlécek, listák, táblázatok, kódblokkok), majd egy második menetben beágyazott reguláris kifejezéseket a félkövér, dőlt, linkek, képek és inline kód kezelésére.
- 1Elsőként a blokkszerkezet kerül elemzésreAz elemző soronként olvassa a nyers Markdownt, azonosítva a blokkszintű elemeket: kódblokkokat (opcionális nyelvi osztállyal), ATX fejléceket (# – ######), idézeteket, rendezett és rendezetlen listákat (beleértve a GFM feladatlista jelölőnégyzeteket), GFM táblázatokat oszlopigazítással, vízszintes vonalakat és a lágyan tördelt folytatósorokat helyesen összefűző bekezdéseket.
- 2Beágyazott minták alkalmazása minden blokkon belülMiután minden blokk szövege HTML-escape-elésre kerül, a parseInline() egy reguláris kifejezés-lánca alakítja át a beágyazott szintaxist: képek és linkek (URL-séma fehérlistával, amely eltávolítja a javascript: és data: hivatkozásokat), **félkövér**, *dőlt*, ~~áthúzott~~ és inline kód — ebben a sorrendben.
- 3Élő HTML-kimenet előnézet-kapcsolóvalA HTML-karakterlánc minden billentyűleütéskor újraszámolódik a useMemo segítségével, így a jobb oldali panel azonnal frissül. Egy kapcsoló váltja a nyers HTML-forrás nézetet és a böngésző saját elrendezési motorjával rendereitett előnézetet.
- 4Három kimeneti lehetőség, beleértve a formázott szöveg (rich-text) másolásátLemásolhatod a nyers HTML jelölést, letölthetsz egy teljes, önálló .html fájlt DOCTYPE-tal és karakterkészlet meta-taggel, vagy használhatod a "Formázott szöveg másolása" funkciót — ez a Clipboard API ClipboardItem elemén keresztül egyszerre írja a text/html és text/plain MIME-típusokat a vágólapra, így a formázott eredmény további lépések nélkül beilleszthető a Gmailbe, a Google Docsba vagy a Wordbe.
Kapcsolódó eszközök
HTML–Markdown konvertáló
Alakíts HTML-t tiszta Markdownná. Kezeli a fejléceket, listákat, linkeket, képeket, kódblokkokat, táblázatokat és idézeteket. Tökéletes tartalom CMS-ekből való kimozgatásához.
Markdown-szerkesztő
Írj és tekintsd meg a Markdownt valós időben. Támogatja a fejléceket, félkövért, dőlt betűt, kódblokkkokat, táblázatokat és listákat.
MIDI MP3 konvertáló
Alakíts át egy MIDI fájlt (.mid) MP3 vagy WAV formátumba egy General MIDI hangszínkészlettel. Hallgasd meg a böngésződben, és változtasd meg a tempót, a hangnemet vagy a hangszert; semmi sem kerül feltöltésre.