Edytor diagramów Mermaid
- Pliki nie opuszczają urządzenia
- Działa w przeglądarce
- Za darmo, bez konta, bez znaku wodnego
Jak używać: Edytor diagramów Mermaid
Pisz kod Mermaid i patrz na diagram w trakcie pisania: schematy blokowe, sekwencje, klasy, stany, ER, Gantta, kołowe, mapy myśli, osie czasu i grafy Git. Powiększaj i przesuwaj podgląd, a potem eksportuj SVG albo PNG do 4× rozmiaru. Renderowanie odbywa się w przeglądarce.
- 1
Wpisz kod Mermaid w edytorze albo wybierz diagram z Przykładu, aby od niego zacząć.
- 2
Wybierz Motyw: Domyślny, Neutralny, Ciemny albo Las.
- 3
Sprawdź podgląd. Przewijaj albo zsuwaj palce, aby powiększać, przeciągaj, aby przesuwać, i użyj Dopasuj do widoku albo Pełny ekran.
- 4
Ustaw Tło i rozmiar PNG, a potem kliknij SVG albo PNG, aby pobrać, albo Kopiuj SVG / Kopiuj PNG do schowka.
Częste pytania
Czy kod diagramu jest wysyłany na serwer?
Nie. Mermaid działa wewnątrz strony, więc kod i diagramy zostają w przeglądarce. Kod jest zapisywany lokalnie, więc jest następnym razem.
Co się dzieje, gdy kod ma błąd składni?
Błąd pojawia się pod edytorem z numerem wiersza, a podgląd nadal pokazuje ostatni diagram, który się wyrenderował.
Czy mogę wyeksportować z przezroczystym tłem?
Tak. Ustaw Tło na Przezroczyste, zanim wyeksportujesz SVG albo PNG.
Jak dostać ostrzejszy PNG?
Wybierz rozmiar PNG 2×, 3× albo 4×. Dokładne wymiary w pikselach są pokazane obok ustawienia.
Czy jest skrót klawiatury do zapisu?
Ctrl/⌘ + S w edytorze pobiera SVG. W podglądzie + i − powiększają, klawisze strzałek przesuwają, 0 resetuje do 100%, a F dopasowuje diagram.