Markdown editor
Vlevo pište Markdown a vpravo se objeví naformátovaný náhled. Nic z toho, co napíšete, neopustí váš prohlížeč.
Použijte tučné písmo, kurzívu, přeškrtnutí, kód v řádku a odkazy. Označte slovo a stiskněte Ctrl+B, aby bylo tučné.
Tip: vložte text z Wordu, Google Docs nebo z webové stránky a formátování se změní na Markdown.
- Naplánovat vydání
- Sepsat seznam změn
- Nejdřív nekompatibilní změny
- Vydat
- Otevřete soubor
.md - Upravte text
- Stáhněte ho jako PDF, Word nebo HTML
- Připravit osnovu
- Projít s týmem
| Syntaxe | Výsledek |
|---|---|
**tučně** |
tučně |
*kurzíva* |
kurzíva |
[^1] |
poznámka pod čarou |
function greet(name) {
return `Hello, ${name}!`;
}
Poznámky pod čarou se číslují automaticky.1
-
Vypisují se na konci náhledu i každého exportu. ↩︎
Slov: 123 · Znaků: 828 · Čtení: 1 min
Klávesové zkratky
| Ctrl+B | Tučné |
| Ctrl+I | Kurzíva |
| Ctrl+K | Odkaz |
| Enter | Pokračovat v seznamu nebo citaci, prázdná položka je ukončí |
| Tab / Shift+Tab | Zvětšit nebo zmenšit odsazení položky seznamu |
| Ctrl+S | Stáhnout soubor .md |
| Ctrl+Shift+V | Vložit bez převodu formátování |
Tento Markdown editor online ukazuje vlevo váš text a vpravo naformátovaný výsledek. Náhled se mění s každým stiskem klávesy. Editor rozumí Markdownu, jaký se používá na GitHubu, v souborech README, na wiki a v aplikacích na poznámky, jako je Obsidian: nadpisům, seznamům, seznamům úkolů, tabulkám, kódu, citacím, odkazům, obrázkům a poznámkám pod čarou. Nepotřebujete žádný účet a nic z toho, co napíšete, se nikam neodesílá.
Jak používat online Markdown editor
- Napište nebo vložte Markdown do levého pole, případně otevřete soubor .md tlačítkem pro otevření souboru na panelu nástrojů. Soubor můžete také přetáhnout kamkoli na editor.
- Sledujte náhled vpravo. Volba Posouvat obě strany společně udržuje text i náhled na stejném místě dokumentu, ať posouváte kterýkoli z nich.
- Formátujte text panelem nástrojů nebo zkratkami, například Ctrl+B pro tučné písmo a Ctrl+K pro odkaz.
- Výsledek zkopírujte jako Markdown, jako HTML nebo jako formátovaný text, případně ho stáhněte jako soubor .md, .pdf, .docx, .html nebo .txt.
Editor se otevře s krátkou ukázkou nazvanou „Poznámky k projektu“, která používá všechny běžné prvky. Ještě než začnete psát vlastní text, vidíte tak syntaxi a její výsledek vedle sebe.
Markdown editor s živým náhledem
Nad editorem můžete přepínat mezi třemi zobrazeními. Vedle sebe ukáže Markdown a náhled ve dvou sloupcích, Psaní dá celou šířku textu a Náhled ukáže jen výsledek, takže poslouží jako jednoduchý prohlížeč Markdownu pro soubor, který vám někdo poslal. Na telefonu jsou k dispozici jen zobrazení Psaní a Náhled, protože dva sloupce by byly na čtení příliš úzké.
Náhled se vykresluje stejně jako na GitHubu, tedy podle specifikace CommonMark s rozšířeními GitHub Flavored Markdown (obojí anglicky). Ta přidávají tabulky, seznamy úkolů, přeškrtnutí a automatické odkazy. Nadpisy dostávají kotvy jako na GitHubu, takže na ## Plán vydání lze odkázat jako #plán-vydání, a kliknutí na takový odkaz posune náhled k nadpisu. Poznámky pod čarou zapsané jako [^1] se číslují v pořadí, v jakém je poprvé zmíníte, a vypisují se na konci.
Textové pole používá kontrolu pravopisu vašeho prohlížeče, takže překlepy se podtrhávají už během psaní. Pod editorem vidíte počet slov a znaků a dobu čtení. Do počtů se nezahrnuje syntaxe Markdownu, takže u nadpisu označeného ## se počítají jen jeho slova. Chcete-li spočítat i věty a odstavce, vložte text do počítadla slov a znaků.
Panel nástrojů a klávesové zkratky
Panel nástrojů pokrývá vše, co běžný dokument potřebuje: Nadpis, Tučné, Kurzíva, Přeškrtnutí, Kód v řádku, Odkaz, Obrázek, Citace, Blok kódu, Seznam s odrážkami, Číslovaný seznam, Seznam úkolů, Tabulka a Vodorovná čára. Když nejdřív označíte text, tlačítko ho obalí značkami. Stisknete-li stejné tlačítko znovu, značky zmizí. Bez výběru tlačítko vloží krátký zástupný text, který je už označený, takže ho jen přepíšete.
Čas ušetří i několik drobností:
- Nadpis mění aktuální řádek postupně na
#,##,###a zpět na prostý text. - Odkaz změní označená slova na
[slova](https://)a označí část s adresou, takže stačí vložit URL. Když místo toho označíte URL, stane se z ní adresa odkazu. - Tlačítka seznamů a Citace fungují na všech označených řádcích najednou. Kliknutím na Číslovaný seznam změníte seznam s odrážkami na číslovaný.
- Stiskněte Enter na konci položky seznamu a další položka začne správnou značkou. Čísla se zvyšují, nový úkol začíná nezaškrtnutý a Enter na prázdné položce seznam ukončí. Tab a Shift+Tab zvětšují a zmenšují odsazení položek seznamu.
- Každou změnu provedenou tlačítkem nebo zkratkou lze vrátit zpět pomocí Ctrl+Z.
Všechny zkratky jsou vypsané pod editorem v části Klávesové zkratky. Na Macu se místo Ctrl používá klávesa Command.
Vložení z Wordu nebo Google Docs jako Markdown
Když vložíte text zkopírovaný z Wordu, Google Docs nebo z webové stránky, editor jeho formátování převede na Markdown, místo aby ho zahodil. Z nadpisů se stanou řádky s #, tučný text a kurzíva dostanou hvězdičky, odkazy si zachovají adresy, seznamy s odrážkami i číslované seznamy (včetně víceúrovňových seznamů z Wordu) se změní na seznamy v Markdownu a tabulky na tabulky v Markdownu, ve kterých je první řádek záhlavím. Je to nejrychlejší způsob, jak přenést existující dokument do souboru README nebo na stránku wiki.
Pokud jste chtěli vložit text bez formátování, klikněte v oznámení, které se po vložení objeví, na Použít raději prostý text nebo text vložte pomocí Ctrl+Shift+V. Kód zkopírovaný z VS Code nebo z jiného editoru kódu a text, který už v Markdownu je, se vloží přesně tak, jak je.
Tahák syntaxe Markdownu
Nejběžnější syntaxe na jednom místě. Napište do editoru levý sloupec a v náhledu uvidíte pravý.
| Napíšete | Dostanete |
|---|---|
# Nadpis, ## Oddíl, ### Pododdíl | nadpisy úrovně 1 až 3 (s ###### až do úrovně 6) |
**tučně** a *kurzíva* | tučně a kurzíva |
~~staré~~ | |
`kód` | kód neproporcionálním písmem |
[text](https://example.com) | odkaz |
 | obrázek |
- položka nebo 1. položka | seznam s odrážkami nebo číslovaný seznam |
- [ ] úkol a - [x] hotovo | seznam úkolů se zaškrtávacími políčky |
> citovaný text | citace |
| tři zpětné apostrofy na řádku před kódem a za ním | blok kódu |
--- na samostatném řádku | vodorovná čára |
text[^1] a [^1]: poznámka | poznámka pod čarou |
Tabulka v Markdownu potřebuje řádek záhlaví, oddělovací řádek z pomlček a pod nimi samotné řádky tabulky, každý na samostatném řádku. Buňky se oddělují znakem |. Dvojtečka v oddělovacím řádku určuje zarovnání: :-- zarovná doleva, :-: na střed a --: doprava. Tlačítko Tabulka vloží hotovou tabulku se třemi sloupci, ze které můžete vyjít. Buňky nemusí být ve zdrojovém textu zarovnané pod sebou, ale zarovnaná tabulka se později snáz upravuje.
Pro to, na co Markdown nemá vlastní syntaxi, můžete použít HTML, například <kbd>Ctrl</kbd> pro klávesy, <sub> a <sup> pro H₂O a x² nebo <details> pro oddíl, který se otevře po kliknutí. Skripty, styly a formuláře se z náhledu z bezpečnostních důvodů odstraňují.
Kopírování s formátováním nebo stažení souboru
Kopírovat Markdown zkopíruje zdrojový text, Kopírovat HTML zkopíruje čisté HTML připravené pro web nebo CMS a Kopírovat s formátováním zkopíruje naformátovaný výsledek. Po vložení do Google Docs, Wordu, Outlooku nebo Gmailu si nadpisy, tučný text, seznamy, odkazy i tabulky zachovají formátování a nezůstane v nich jediný symbol Markdownu.
Tlačítka Stáhnout uloží dokument jedním kliknutím jako Markdown, PDF, Word, HTML nebo prostý text a pojmenují ho podle titulku ve front matter nebo podle prvního nadpisu. Používají rozumné výchozí hodnoty: papír A4 (Letter v USA, Kanadě, Mexiku a dalších zemích, kde je to standardní formát), normální okraje a písmo o velikosti 11 bodů. Chcete-li zvolit velikost stránky, písma a okraje, přidat obsah nebo převést více souborů najednou, použijte odkaz Další možnosti exportu, který otevře Markdown převodník a rovnou do něj vloží váš text.
Časté otázky
Nahrává se můj text někam nebo se někde ukládá?
Ne. Náhled, převod i stahování probíhají ve vašem prohlížeči a text se nikdy neodesílá na server. Ve výchozím stavu se ani nic neukládá, takže po zavření karty text zmizí. Pokud zaškrtnete Uchovat koncept v tomto prohlížeči, text se po každé změně uloží do úložiště vašeho prohlížeče a při příští návštěvě se znovu načte. Na sdíleném počítači zaškrtnutí zrušte, čímž se uložený koncept zároveň smaže.
Jak otevřít MD soubor a zobrazit ho online?
Klikněte na tlačítko pro otevření souboru na panelu nástrojů nebo soubor přetáhněte na editor a pak přepněte na Náhled, kde si ho přečtete jako naformátovaný dokument. Soubory do 20 MB v kódování UTF-8 nebo UTF-16 se otevřou přímo. Obrázky v souboru se zobrazí, pokud mají úplnou webovou adresu. Obrázky uložené vedle souboru ve vašem počítači webová stránka načíst nemůže.
Jakou variantu Markdownu editor používá?
Řídí se specifikací CommonMark (anglicky), tedy standardem, na kterém se shoduje většina nástrojů pro Markdown, a k tomu rozšířeními GitHubu: tabulkami, seznamy úkolů, přeškrtnutím, automatickými odkazy a poznámkami pod čarou. Text napsaný pro GitHub, GitLab, Obsidian, Reddit nebo Discord tu vypadá stejně, až na funkce, které tyto služby přidávají navíc, například zmínky uživatelů nebo wiki odkazy v Obsidianu.
Jak dostat Markdown do Google Docs?
Klikněte na Kopírovat s formátováním a text vložte do dokumentu. Nadpisy, seznamy, odkazy a tabulky si zachovají formátování. Novější verze Google Docs umějí Markdown načíst i samy: jakmile Markdown zapnete v nastavení v nabídce nástrojů, najdete v nabídce úprav položku pro vložení z Markdownu.
Podporuje editor diagramy Mermaid nebo matematické vzorce v LaTeXu?
Zatím ne. Blok Mermaid se zobrazí jako obyčejný blok kódu a vzorce zapsané jako $...$ zůstanou prostým textem. Vše ostatní z GitHub Flavored Markdown editor podporuje.
Co je Markdown a kdo ho používá?
Markdown je způsob, jak formátovat prostý text pomocí několika symbolů. Vytvořil ho John Gruber v roce 2004 tak, aby dokument zůstal čitelný ještě předtím, než se převede do HTML (více na Wikipedii). Vývojáři v něm píšou soubory README a dokumentaci, autoři poznámky a koncepty a odpovídají v něm i AI chatboti, proto jsou jejich odpovědi po vložení jinam plné hvězdiček a mřížek.
Další nástroje pro práci s textem najdete v kategorii Text: porovnejte dvě verze dokumentu a uvidíte, co se změnilo, nebo změňte velikost písmen všech nadpisů najednou. Vývojáři najdou JSON formatter a další nástroje v kategorii Vývojáři.