Markdown megjelenítő – élő előnézet
Markdown szöveg azonnali előnézete osztott nézetben. CommonMark + GFM (táblázatok, task list, kódblokk). Böngészőben, szervermentes.
Miről szól ez az eszköz?
Tekintsd meg azonnal a Markdown szövegedet renderelve. Az osztott nézetben egyszerre látod a forrást és a formázott előnézetet – ideális README írásához, dokumentációhoz, blogvázlathoz vagy jegyzetekhez. A renderelés CommonMark + GFM (táblázatok, task list, kódblokk nyelvjelölővel) szabványt követ, és teljes egészében a böngésződben fut.
Hogyan használd a(z) Markdown megjelenítő – élő előnézet-t?
-
Markdown bevitel
Írj vagy illessz be Markdown szöveget a bal oldali szerkesztőbe – a Tab billentyű 2 szóközt szúr be.
-
Élő előnézet
A jobb oldalon valós időben látod a renderelt eredményt – címsorok, listák, táblázatok, kódblokkok azonnal formázódnak.
-
Nézet váltás
Válts osztott, csak előnézet vagy csak forrás módba a felső toggle gombokkal – olvasáshoz a teljes szélességű előnézet ideális.
-
Mentés vagy másolás
Töltsd le .md vagy .html formátumban, vagy másold a renderelt HTML kódot egy kattintással a vágólapra.
Mikor van rá szükséged?
-
README előnézet
GitHub README-ek vázolása és gyors ellenőrzése commit előtt – a render közelít a GitHub megjelenítéséhez.
-
Dokumentáció írás
Technikai dokumentációk élő előnézettel – kódblokkok, táblázatok, task listek mind helyesen renderelődnek.
-
Blog vázlat
Blogposztok struktúrájának és olvashatóságának ellenőrzése publikálás előtt.
-
Jegyzetelés
Markdown-alapú jegyzetek formázott megtekintése bárhonnan, telepítés nélkül.
Miért Markdown előnézet?
A Markdown a fejlesztők és írók egyik leggyakrabban használt jelölőnyelve, mert egyszerre olvasható forrásban és gyönyörű renderelve. A baj csak az, hogy a forrásban a tényleges megjelenést sokszor csak akkor látod, ha commit-olod és felteszed a GitHubra vagy beleteszed egy statikus oldalgenerátorba.
Ez az online megjelenítő ezt a kanyart vágja le: valós időben látod, hogyan fog kinézni a tartalom – címsor-hierarchia, listák, blockquote-ok, táblázatok, kódblokkok, mindez egy modern, sötét/világos témára illeszkedő tipográfiával. Mivel kliensoldali, semmi nem kerül szerverre: bizalmas dokumentációhoz, kliens jegyzetekhez vagy belső anyagokhoz is biztonságos.
A megjelenítő szándékosan nem szerkeszt – nincs benne WYSIWYG vagy gomb-alapú formázás. A Markdown forrást a billentyűzeten gépeled, és az előnézetet csak vizuális visszacsatolásként használod. Ez egyrészt gyorsabb (nem kell kattintgatni), másrészt a forrás az igazság: pontosan ugyanaz a md fájl jön ki, amit később a verziókövető vagy a CMS feldolgoz.
Hasznos tippek
-
A szerkesztőben Tab billentyűvel 2 szóköz szúrható be – beágyazott listákhoz, kódhoz.
-
Hosszabb dokumentumnál válts "Csak előnézet" módba és a teljes szélesség kényelmes olvasást ad.
-
A http(s) linkek automatikusan új lapon nyílnak meg, rel="noopener noreferrer" biztonsággal.
-
Kódblokkokban a nyelvjelölő (```js) látható lesz a blokk jobb felső sarkában az olvasó tájékoztatására.
-
GFM task listek (- [ ] és - [x]) checkboxokként renderelődnek – ideális TODO-k vázolásához.
-
A letöltött .html fájl saját, beágyazott stílussal érkezik, így önmagában megnyitható és nyomtatható.
Gyakori kérdések
- A megjelenítő elsődleges célja az élő előnézet és olvashatóság: nagy, igényesen tipografált renderelt nézetet kapsz, számlálókkal és nézetváltókkal. A konvertáló a nyers HTML kód kinyerésére fókuszál webes integrációhoz.
- CommonMark alap (H1–H6, bold, italic, áthúzás, lista, idézet, link, kép, vízszintes vonal, kódblokk) plusz GFM kiegészítések: táblázatok, feladatlisták ([ ] / [x]) és nyelvjelölős kódblokkok.
- Igen. Minden szövegtartalom HTML-escape-elve renderelődik, így a Markdown forrásban lévő nyers HTML, script vagy on-attribútum nem fut le. Külső linkek automatikusan rel="noopener noreferrer" target="_blank" attribútumot kapnak.
- Nem. A teljes feldolgozás a böngésződben fut, semmi nem kerül szerverre. Offline is működik, miután betöltötted az oldalt.
- Igen. A bal oldali eszköztárban .md letöltés gombbal mented a forrást, a jobb oldali sávban .html letöltéssel a renderelt, stílusozott HTML dokumentumot.
- Igen. 900 px alatt az osztott nézet automatikusan egymás alá rendeződik, és minden vezérlőelem ujjbaráttá nagyítódik.
- Igen, az oldal globális dark/light témáját követi – a renderelés színei automatikusan illeszkednek.
- Az alsó számláló átlagos 200 szó/perc olvasási sebességgel becsüli, mindig legalább 1 perc. Hosszabb dokumentumoknál jó tájékozódási pont.