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.

Szervermentes Azonnali Privát Ingyenes

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?

  1. Markdown bevitel

    Írj vagy illessz be Markdown szöveget a bal oldali szerkesztőbe – a Tab billentyű 2 szóközt szúr be.

  2. É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.

  3. 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.

  4. 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