Przejdź do treści
100% lokalnie

Generator diagramów Mermaid

Zamień wciągniętą listę na diagram Mermaid - schemat blokowy, graf hierarchiczny lub mapę myśli.

Wejście
Wynik

Generator diagramów Mermaid

Wklej wciągniętą lub wypunktowaną listę elementów, a to narzędzie natychmiast zamienia ją na składnię diagramu Mermaid, gotową do wstawienia do README, strony wiki, Notionu lub dowolnego edytora obsługującego Mermaid. Każdy poziom wciśnięcia staje się relacją rodzic-dziecko, więc zarys procesu, schemat organizacyjny lub struktura folderu zamienia się na definicję diagramu bez ręcznego pisania składni węzłów i krawędzi.

Najperw wybierz typ diagramu: schemat blokowy i graf hierarchiczny używają składni Mermaid z węzłami i strzałkami (jedyną różnicą jest słowo kluczowe otwierające definicję), podczas gdy mapa myśli tworzy zagnieżdżone, pozbawione strzałek układy, które Mermaid używa do radialnych map myśli. Kierunek (od góry do dołu, od lewej do prawej, od dołu do góry, od prawej do lewej) i styl łącznika (strzałka, przerywana, gruba) dotyczą schematów blokowych i grafów hierarchicznych. Kształt węzła kontroluje, czy każdy element jest renderowany jako prostokąt, zaokrąglony box, diament czy walec. Wyłącz automatyczne generowanie ID, aby pochodny identyfikator węzła pochodził z jego własnego tekstu zamiast generycznej sekwencji n1, n2, n3 — przydatne, gdy chcesz czytać surową składnię tak łatwo jak renderowany obraz. Numerowanie węzłów dodaje przedrostek każdej etykiety jej pozycją na liście, a maksymalna głębokość zagnieżdżenia pozwala ograniczyć, ile poziomów wciśnięcia jest uwzględnionych, odrzucając wszystko głębsze.

Wciśnięcie może używać tabulatorów, spacji lub wiodącego symbolu (-, *, •, +) — narzędzie mierzy względną szerokość wciśnięcia zamiast zakładać stały rozmiar tabulatora, więc mieszane listy wciąż zagnieżdżają się prawidłowo. Cudzysłowy, nawiasy kwadratowe, nawiasy i inne znaki, które w inny sposób zepsuliłyby składnię Mermaid, są automatycznie zmieniane w etykietach, więc wklejony tekst nigdy nie tworzy nieprawidłowego wyniku. Końce linii Windows (CRLF) i Unix (LF) są obsługiwane w ten sam sposób, a żywa suma pod wynikiem raportuje linie, wbudowane węzły i krawędzie oraz całkowitą liczbę znaków.

Wszystko działa lokalnie w Twojej przeglądarce — Twój zarys nigdy nie jest nigdzie przesyłany. Skopiuj wygenerowaną składnię, pobierz ją jako plik .txt lub wyślij wynik z powrotem na wejście, aby kontynuować udoskonalanie struktury przed wklejeniem do narzędzia diagramów do wyboru.

Częste pytania

Jaka jest różnica między "schematem blokowym" a "grafem hierarchicznym"?
Oba używają tej samej składni Mermaid z węzłami i strzałkami; graf hierarchiczny po prostu otwiera definicję za pomocą starszego słowa kluczowego "graph" Mermaid zamiast "flowchart". Oba renderują się identycznie w dowolnej przeglądarce zgodnej z Mermaid.
Czy opcja mapy myśli obsługuje kierunek lub styl łącznika?
Nie. Mapy myśli Mermaid układają się automatycznie i nie mają strzałek, więc te dwie opcje dotyczą tylko wyjścia schematów blokowych i grafów hierarchicznych.
Co się stanie z elementami listy zagnieżdżonymi głębiej niż maksymalna głębokość?
Są całkowicie wykluczone z diagramu, wraz ze wszystkim, co jest pod nimi zagnieżdżone, więc wynik pozostaje czytelny nawet dla bardzo głębokich schematów.
Jak obsługiwane są znaki specjalne, takie jak cudzysłowy i nawiasy?
Każda etykieta zawierająca znaki, które złamałyby składnię Mermaid, jest automatycznie ujęta w cudzysłów i zmieniana, więc wynik zawsze pozostaje prawidłowy.
Czy moja lista jest gdzieś przesyłana?
Nie. Konwersja listy na diagram działa całkowicie w Twojej przeglądarce — Twój zarys nigdy nie opuszcza Twojego urządzenia.