Utilia

Editor Markdown s náhľadom

Píš v Markdowne so živým očisteným náhľadom, tabuľkami a zoznamami úloh (GFM), počtom slov, automatickým ukladaním a exportom do .md alebo .html.

Náhľad

Slová
0
Znaky
0
Čas čítania
0 min

Ako používať editor Markdown

  1. Napíš alebo vlož Markdown do poľa Markdown. Náhľad vedľa neho (na telefóne pod ním) sa aktualizuje počas písania.
  2. Tlačidlami Formátovanie (Tučné, Kurzíva, Nadpis, Odkaz, Zoznam, Citát, Kód) obalíš označený text, alebo stlač Ctrl+B / Ctrl+I (⌘B / ⌘I na Macu).
  3. Nechaj zaškrtnuté GitHub Flavored Markdown (tabuľky, zoznamy úloh, \~\~prečiarknutie\~\~, automatické odkazy) pre syntax používanú na GitHube, alebo zruš výber pre čistý Markdown v štýle CommonMark.
  4. Keď skončíš, klikni na Kopírovať HTML, ak chceš vložiť HTML do redakčného systému alebo e-mailovej šablóny, na Stiahnuť .md, ak chceš uložiť zdrojový Markdown, alebo na Stiahnuť .html, ak chceš kompletnú webovú stránku.

Počítadlá pod editorom ukazujú Slová a Znaky dokumentu a odhadovaný Čas čítania pri 200 slovách za minútu. Slová sa počítajú vo vykreslenom texte, takže symboly Markdownu ako # alebo ** počet nenafúknu.

Automatické ukladanie v prehliadači

Pri zaškrtnutej voľbe Automaticky ukladať v tomto prehliadači sa koncept uloží krátko po tom, čo prestaneš písať, do lokálneho úložiska prehliadača na tomto zariadení. Keď sa vrátiš, posledný koncept sa obnoví. Nič sa neodosiela na server, takže koncept ťa nesleduje do iného prehliadača ani zariadenia. Pri súkromnom prehliadaní alebo ak je úložisko plné či zablokované, nástroj oznámi, že automatické ukladanie nie je dostupné: text si stiahni, aby sa zachoval. Zrušením výberu možnosti sa uložený koncept zmaže.

Ťahák Markdownu

  • Nadpisy: # Názov, ## Časť, ### Podčasť
  • Zvýraznenie: **tučné**, _kurzíva_, ~~prečiarknuté~~ (GFM)
  • Odkazy: [text](https://example.com); v GFM sa z holých adries URL stanú tiež odkazy
  • Obrázky: ![popis](data:image/png;base64,…)
  • Zoznamy: - položka alebo 1. položka; zoznamy úloh cez - [ ] a - [x] (GFM)
  • Citáty: > citovaný text
  • Kód: `v riadku` alebo blok medzi dvoma riadkami s tromi spätnými apostrofmi
  • Tabuľky (GFM): riadok hlavičky, riadok | --- | --- | a potom jeden riadok na každý záznam

Bezpečnosť náhľadu a exportu

Markdown môže obsahovať surové HTML, ktoré by mohlo ukrývať skripty. Pri každom obnovení náhľadu sa HTML vytvorené nástrojom Markdown pred zobrazením vyčistí knižnicou DOMPurify: skripty, obsluhy udalostí ako onclick, odkazy javascript:, vložené štýly, formuláre, rámce a vložené médiá sa odstránia. Odkazy sa otvárajú v novej karte. Rovnaké vyčistené HTML používajú Kopírovať HTML aj Stiahnuť .html, takže ho môžeš s dôverou vkladať do iných stránok.

Náhľad zobrazuje iba obrázky vložené ako adresy data: alebo blob:. Vzdialené obrázky, napríklad https://…/foto.jpg, sa nikdy nenačítajú: bezpečnostná politika tejto stránky ich blokuje, a to tiež znamená, že náhľad nemožno použiť na sledovanie teba. Nástroj ti povie, koľko obrázkov nemohol zobraziť. Markdown, ktorý stiahneš, si ponechá pôvodné odkazy na obrázky, takže budú fungovať všade, kde ho zverejníš.

Súbor .html je samostatná stránka s malým vstavaným štýlom (čitateľné písma, tabuľky, bloky kódu a tmavý režim). Jeho názov pochádza z prvého nadpisu dokumentu, ktorý pomenúva aj stiahnuté súbory.

Často kladené otázky

Čo je GitHub Flavored Markdown?

GFM je dialekt Markdownu používaný na GitHube a mnohých ďalších weboch. K základnej syntaxi pridáva tabuľky, zoznamy úloh, prečiarknutie a automatické odkazy. Zruš výber možnosti, ak chceš vidieť, ako sa tvoj text zobrazí bez týchto rozšírení.

Môžem vo svojom Markdowne používať HTML?

Áno, základné HTML ako <details>, <sup> alebo <kbd> funguje. Všetko nebezpečné sa odstráni, rovnako ako štýly a značky médií.

Prečo sa môj obrázok nezobrazuje?

V náhľade sa zobrazujú len obrázky data: a blob:; vzdialené obrázky sú zablokované. Odkaz zostáva v tvojom Markdowne a po zverejnení bude fungovať.

Je môj dokument súkromný?

Áno. Vykresľovanie, export aj automatické ukladanie prebiehajú v tvojom prehliadači. Koncept sa ukladá iba na tomto zariadení a automatické ukladanie môžeš kedykoľvek vypnúť.

Aký nástroj na spracovanie Markdownu sa používa?

Nástroj používa marked, rýchly a široko používaný parser Markdownu, a DOMPurify na čistenie HTML. Obe knižnice sa načítajú až pri spustení editora.