A(z) Markdown előnézet névjegye
Gépelj Markdownt a bal oldali panelbe, és nézd, ahogy jobb oldalt valós időben renderelődik — se mentés gomb, se oldalfrissítés, se találgatás. Címsorok, félkövér és dőlt kiemelés, linkek, képek, számozott és számozatlan listák, idézetblokkok, táblázatok, kódblokkok és vízszintes elválasztók mind pontosan úgy jelennek meg, ahogy majd kinéznek, így egy README-t, blogbejegyzést vagy fórumválaszt még közzététel előtt kicsiszolhatsz.
Kényelmes piszkozatfüzet, ha a szerkesztődből hiányzik az előnézet, ha épp a Markdown szintaxist tanulod, vagy ha a GitHubra, Redditre, Discordra vagy statikusoldal-generátorba szánt formázást akarod gyorsan ellenőrizni. A bevitt nyers HTML nem fut le, hanem escape-elve jelenik meg, így a beillesztett tartalom nem tud szkriptet vagy stílust juttatni az előnézetbe. Minden helyben, a böngésződben renderelődik, vagyis a piszkozataid soha nem hagyják el az eszközödet.
Funkciók
- Egymás melletti szerkesztő és élő renderelt előnézet
- Támogat címsorokat, listákat, táblázatokat, linkeket, képeket és kódblokkokat
- Az előnézet minden billentyűleütésre azonnal frissül
- A nyers HTML escape-elve jelenik meg a biztonságos előnézethez
- Remek README-khez, blogbejegyzésekhez és dokumentációhoz
- Helyben renderel — a piszkozataid az eszközödön maradnak
Hogyan nézz Markdown előnézetet online
- Gépeld vagy illeszd be a Markdownt a szerkesztőpanelbe.
- Figyeld, ahogy a renderelt előnézet írás közben frissül.
- Igazíts a szintaxison, amíg a kimenet jól nem néz ki.
- Másold a kész Markdownt oda, ahová kell.
Gyakran ismételt kérdések
Milyen Markdown szintaxis támogatott?
A megszokott alapkészlet: címsorok #-tel, félkövér és dőlt kiemelés, linkek és képek, számozott és számozatlan listák, idézetblokkok, soron belüli kód és kerített kódblokkok, táblázatok és vízszintes elválasztók. Ha GitHubra vagy a legtöbb blogplatformra írsz, minden, amit napi szinten használsz, a várt módon renderelődik.
Miért nem renderelődik a nyers HTML-em?
Szándékosan: a Markdownodban lévő HTML-címkék escape-elve, sima szövegként jelennek meg, nem futnak le. Ez megakadályozza, hogy a beillesztett tartalom szkriptet futtasson vagy szétverje az oldal elrendezését. Ha a célplatformod engedi a soron belüli HTML-t, ott továbbra is működni fog — ez az előnézet egyszerűen a biztonságra játszik.
Használhatom GitHub README írásához?
Igen — gyors módja egy README megszövegezésének. Az alapszintaxis megegyezik azzal, amit a GitHub renderel, beleértve a táblázatokat és a kerített kódblokkokat. A GitHub néhány extrát tesz rá, például feladatlista-jelölőnégyzeteket és automatikus issue-linkeket, ezért push után vess egy utolsó pillantást a kész README-re.
Mentésre vagy feltöltésre kerül a szövegem?
Nem. A renderelés teljes egészében a böngésződben történik JavaScripttel, így az írásod soha nem kerül továbbításra vagy szerveren tárolásra. Ha bezárod vagy újratöltöd a lapot, a piszkozat elvész, ezért egy írási munkamenet végén másold a munkádat valami maradandó helyre.
Miért tűnnek el a sortöréseim az előnézetben?
A szabványos Markdown az egyszeres sortörést szóközként kezeli, új bekezdéshez pedig üres sort kíván. Ha egy bekezdésen belül akarsz sortörést kikényszeríteni, zárd a sort két szóközzel vagy egy fordított perjellel. Ezen szinte mindenki elhasal először — a Markdown viselkedik normálisan, nem hiba.