Edytor wykresów Mermaid

Edytuj lokalnie i wyświetlaj podgląd diagramów Mermaid, takich jak schematy blokowe i diagramy sekwencji, w rygorystycznym trybie bezpieczeństwa; możesz pobrać SVG lub PNG.

Lokalne przetwarzanie w przeglądarce
Ta strona przeszła kontrolę publicznego katalogu; po włączeniu JavaScript można korzystać z pełnej funkcjonalności.
Instrukcja obsługi

Jak korzystać z edytora wykresów Mermaid

Kod źródłowy wykresu jest analizowany i renderowany wyłącznie w bieżącej przeglądarce, bez przesyłania; renderer korzysta z rygorystycznego trybu bezpieczeństwa.

  1. Wprowadź kod źródłowy wykresu

    Wklej kod Mermaid nieprzekraczający 128 KiB i wybierz motyw domyślny, neutralny, leśny lub ciemny.

  2. Renderuj i poprawiaj

    Kliknij „Renderuj”, aby wyświetlić izolowany podgląd; błędy składni pokażą położenie lub informacje o analizie, co ułatwi powrót do kodu źródłowego i poprawienie go.

  3. Pobierz wykres

    Po potwierdzeniu etykiet i połączeń eksportuj bezpiecznie oczyszczony SVG lub PNG.

Ograniczenia i uwagi

  • Obsługiwana jest wyłącznie ustalona w bieżącej wersji witryny składnia Mermaid; funkcje eksperymentalne, starsza składnia i rozszerzenia innych firm mogą być niezgodne.
  • Ścisły tryb bezpieczeństwa ogranicza znaczniki HTML, wywołania zwrotne po kliknięciu, linki zewnętrzne i niestandardowe skrypty; niektóre zaawansowane interakcje nie zostaną wyświetlone.
  • Kod źródłowy, liczba instrukcji, tokeny leksykalne, węzły łańcucha, liczba połączeń i wyrenderowany SVG mają limity bezpieczeństwa; PNG eksport podlega również ograniczeniom rozmiaru obszaru roboczego.

Często zadawane pytania

Dlaczego polecenie click nie zostało wykonane?

Narzędzie korzysta z rygorystycznego trybu bezpieczeństwa i nie wykonuje wywołań zwrotnych linków ani skryptów, aby zachować bezpieczne granice lokalnego podglądu.

Który z SVG i PNG należy wybrać?

SVG dobrze sprawdza się przy dalszej edycji i skalowaniu bez utraty jakości; PNG lepiej sprawdza się w dokumentach lub na platformach społecznościowych, które nie obsługują SVG.

Czy wykres będzie zapisywany automatycznie?

Nie. Kod źródłowy jest przechowywany wyłącznie w pamięci bieżącej strony. Przed jej opuszczeniem skopiuj go lub pobierz.

Informacje zwrotne o stronieZnalazłeś problem lub masz propozycję ulepszenia?
Funkcja opinii wymaga użycia w wersji online

Proszę włączyć JavaScript w wersji online przed wysłaniem; lokalne funkcje bieżącego narzędzia lub przykładu nie zostaną naruszone.

Przejdź do wersji online i prześlij opinię