Markdown szerkesztő és előnézet

Hogyan használd a Markdown szerkesztőt

1. Írj vagy illessz be Markdown szöveget a Markdown mezőbe. Az mellette lévő Előnézet (telefonon alatta) gépelés közben frissül.
2. A Formázás gombokkal (Félkövér, Dőlt, Címsor, Hivatkozás, Lista, Idézet, Kód) a kijelölt szöveget formázhatod, vagy használd a Ctrl+B / Ctrl+I billentyűkombinációt (Mac gépen ⌘B / ⌘I).
3. Hagyd bejelölve a GitHub Flavored Markdown (táblázatok, feladatlisták, \~\~áthúzás\~\~, automatikus hivatkozások) opciót a GitHubon használt szintaxishoz, vagy szüntesd meg a jelölést az egyszerű, CommonMark-stílusú Markdownhoz.
4. Ha elkészültél, kattints a HTML másolása gombra, hogy a HTML-t egy CMS-be vagy e-mail-sablonba illeszd, az .md letöltése gombra a Markdown forrás mentéséhez, vagy az .html letöltése gombra egy teljes weboldalhoz.

A szerkesztő alatti számlálók a dokumentum Szavak és Karakterek számát, valamint a becsült Olvasási időt mutatják, percenként 200 szóval számolva. A szavakat a megjelenített szövegben számolja az eszköz, így a Markdown jelek, például a # vagy a **, nem növelik a számot.

Automatikus mentés a böngészőben

Ha az Automatikus mentés ebben a böngészőben be van jelölve, a piszkozatod röviddel azután elmentődik, hogy abbahagytad a gépelést, a böngésződ helyi tárhelyén, ezen az eszközön. Amikor visszatérsz, az utolsó piszkozat visszaáll. Semmi nem kerül elküldésre a szervernek, így a piszkozat nem követ egy másik böngészőbe vagy eszközre. Privát böngészés esetén, vagy ha a tárhely megtelt vagy le van tiltva, az eszköz jelzi, hogy az automatikus mentés nem elérhető: töltsd le a szöveget, hogy megmaradjon. A jelölés megszüntetése törli az elmentett piszkozatot.

Markdown puska

• Címsorok: # Cím, ## Szakasz, ### Alszakasz
• Kiemelés: **félkövér**, _dőlt_, ~~áthúzott~~ (GFM)
• Hivatkozások: [szöveg](https://example.com); GFM-mel a puszta URL-ek is hivatkozássá válnak
• Képek: ![leírás](data:image/png;base64,…)
• Listák: - elem vagy 1. elem; feladatlisták - [ ] és - [x] jelekkel (GFM)
• Idézetek: > idézett szöveg
• Kód: `soron belüli` vagy két, három visszafelé dőlő aposztrófot (backtick) tartalmazó sor közötti blokk
• Táblázatok (GFM): egy fejlécsor, egy | --- | --- | sor, majd soronként egy sor

Az előnézet és az export biztonsága

A Markdown nyers HTML-t is tartalmazhat, amely szkripteket rejthet. Az előnézet minden frissítésekor a Markdown-motor által előállított HTML-t a DOMPurify megtisztítja, mielőtt megjelenne: a szkripteket, az eseménykezelőket (például onclick), a javascript: hivatkozásokat, a soron belüli stílusokat, az űrlapokat, a kereteket és a beágyazott médiát eltávolítja. A hivatkozások új lapon nyílnak meg. Ugyanezt a megtisztított HTML-t használja a HTML másolása és az .html letöltése is, így nyugodtan beillesztheted más oldalakba.

Az előnézet csak a data: vagy blob: URL-ként beágyazott képeket jeleníti meg. A távoli képeket, például a https://…/foto.jpg címűeket soha nem tölti be: az oldal biztonsági szabályzata blokkolja őket, és ez azt is jelenti, hogy az előnézettel nem követhetnek téged. Az eszköz megmondja, hány képet nem tudott megjeleníteni. A letöltött Markdown megtartja az eredeti képhivatkozásokat, így azok ott is működnek, ahol közzéteszed.

Az .html fájl önálló oldal, kis beépített stíluslappal (olvasható betűtípusok, táblázatok, kódblokkok és sötét mód). A címe a dokumentum első címsorából származik, amely a letöltött fájlokat is elnevezi. Az ékezetes magyar betűk (ő, ű és a többi) a fájlban helyesen jelennek meg, mert az oldal UTF-8 kódolású.