Mermaid editor
Vytvářejte vývojové diagramy, sekvenční diagramy, Ganttovy diagramy a další z textu v editoru Mermaid. Renderujte, přibližujte a exportujte SVG nebo PNG v prohlížeči.
Co je Mermaid?
Mermaid je open-source jazyk pro tvorbu diagramů z prostého textu, podobný Markdown. Uzly a spoje popíšete jednoduchou syntaxí a renderer diagram nakreslí automaticky.
Které typy diagramů jsou podporovány?
Editor obsahuje příklady vývojových diagramů, sekvenčních, třídních, stavových a ER diagramů, Ganttových grafů, koláčových grafů, myšlenkových map a časových os. Mermaid 11 podporuje i mnoho dalších typů, které lze psát ručně.
Jak vytvořím diagram?
Vyberte příklad z rozbalovací nabídky nebo napište kód do levého editoru. Náhled se vykreslí znovu zhruba 350 ms po zastavení psaní; při chybě syntaxe červený panel zobrazí přesnou chybu a starý diagram zůstane zachován.
Odesílá se můj kód někam?
Ne. Vše se vykresluje lokálně ve vašem prohlížeči pomocí JavaScriptu. Váš kód nikdy neopustí zařízení.
Jak diagram exportovat?
Stáhnout SVG poskytuje škálovatelný vektor, Stáhnout PNG obrázek ve dvojnásobném rozlišení (volitelně s průhledným pozadím). Kopírovat kód uloží zdroj Mermaid do schránky.
Proč export PNG někdy selže?
Některé funkce Mermaid se vykreslují přes foreignObject, který prohlížeč může odmítnout rasterizovat na plátno. V takovém případě PNG hlásí chybu, ale stažení SVG funguje vždy, protože rasterizaci nevyžaduje.
Jak funguje přiblížení?
Náhled podporuje měřítko od 0,5x do 2x. Tlačítka + a - mění po 10 %, Přizpůsobit přizpůsobí diagram oblasti náhledu a 100 % vrátí původní velikost.
Mohu používat Mermaid ve své dokumentaci?
Ano. GitHub, GitLab i řada dokumentačních nástrojů vykresluje bloky Mermaid nativně: obalte kód kódovým blokem mermaid a diagram se na stránce nakreslí automaticky.
Podporuje editor tmavý režim?
Ano. Diagram sleduje motiv platformy: po přepnutí do tmavého režimu se automaticky vykreslí znovu s tmavým motivem Mermaid.
Tipy pro přehledné diagramy?
Používejte krátké popisky uzlů, zvolte směr odpovídající obsahu (TD svisle, LR vodorovně), velmi velké grafy rozdělte na podgrafy a využijte vestavěné příklady jako šablonu pro každý typ.
Jak používat Mermaid editor
Mermaid mění obyčejný text na vývojové diagramy, sekvenční diagramy, Ganttovy grafy a další. Tento živý editor překresluje kód už při psaní — kompletně v prohlížeči, nic neopouští vaše zařízení.
- Vyberte výchozí bod v rozbalovací nabídce „Příklad“ — devět hotových diagramů pokrývá vývojový, sekvenční, tříd, stavů, ER, Ganttův, koláčový, myšlenkovou mapu a časovou osu a jeho výběr nahraje kód do editoru.
- Upravujte kód Mermaid v levém panelu; náhled vpravo se překreslí zhruba třetinu sekundy po tom, co přestanete psát. Když se v červeném panelu objeví syntaktická chyba, poslední platný diagram zůstává vidět, dokud ho neopravíte.
- Přibližujte od 50 % do 200 % tlačítky plus a minus, stiskněte „Přizpůsobit“ pro přizpůsobení diagramu oknu náhledu nebo „100%“ pro návrat do skutečné velikosti.
- Zaškrtněte „Průhledné pozadí“, pokud chcete PNG bez bílého podkladu, a stiskněte „Stáhnout SVG“ nebo „Stáhnout PNG“ — PNG se exportuje v dvojnásobném rozlišení a po vložení zůstává ostrý.
- Stisknutím „Kopírovat kód“ dostanete zdrojový kód Mermaid do schránky a vložíte ho do dokumentace, wiki nebo repozitáře.
Když se diagram nevykreslí, zakomentujte řádky změněné v poslední době a izolujte chybu — chybová hláška jmenuje problematický řádek a náhled drží poslední funkční verzi, dokud syntaxe není znovu v pořádku.
Související nástroje
- Kód na Obrázek Převeďte úryvky kódu na sdílené obrázky se zvýrazněním syntaxe, vlastními motivy a dekoracemi okna. 100% soukromí, vše ve vašem prohlížeči.
- Náhled Markdown Bezplatný online editor Markdown s živým náhledem. Pište, renderujte a exportujte Markdown s plnou podporou GFM.
- Prohlížeč a Editor SVG Prohlížejte, upravujte a optimalizujte SVG soubory online. Živý náhled, úprava kódu a optimalizační nástroje.
- Prohlížeč stromu JSON Vizualizujte data JSON jako interaktivní sbalitelný strom. Hledejte klíče a hodnoty, sledujte JSONPath při najetí myší a zpracovávejte velké soubory s líným načítáním. Podporuje přetažení .json souborů.
- Kontrola Hash Počítejte a ověřujte hashe MD5, SHA-1, SHA-256, SHA-512 lokálně
- Kalkulačka Chmod Bezplatný online kalkulačka chmod pro vizualizaci a výpočet oprávnění souborů Linux pomocí zaškrtávacích polí. Okamžitá konverze mezi číselnou (755, 644) a symbolickou notací (rwxr-xr-x). Podporuje speciální oprávnění jako setuid, setgid, sticky bit.
- ASCII Tabulka Kompletní reference kódování znaků ASCII s desítkovými, hexadecimálními, osmičkovými, binárními kódy, HTML entitami a popisy znaků. Okamžité vyhledávání a filtrování.
- Hex prohlížeč Zobrazte obsah souborů v hex dump formátu s vyhledáváním, navigací po offsetu a virtuálním posouváním