Редактор Mermaid

Напишите синтаксис Mermaid и посмотрите живой предпросмотр блок-схем, диаграмм последовательности или диаграмм классов. Экспортируйте как SVG, PNG или JPEG.

Тема
100%
Загрузка механизма диаграмм...

О редакторе блок-схем Mermaid

Напишите синтаксис диаграмм Mermaid в редакторе и смотрите, как отрисованная блок-схема, диаграмма последовательности, диаграмма классов или другие типы диаграмм обновляются мгновенно. Загрузите шаблон для быстрого начала, затем экспортируйте диаграмму как SVG, PNG или JPEG или скопируйте синтаксис для последующего редактирования.

Что это за инструмент?

Живой редактор диаграмм Mermaid, который отрисовывает блок-схемы, диаграммы последовательности, диаграммы классов и многое другое по мере ввода. Напишите диаграммы как текст, используя синтаксис Mermaid, и мгновенно увидите отрисованный результат, затем экспортируйте как изображение.

Как использовать

  1. Выберите шаблон (Блок-схема, Последовательность, Класс и т.д.), чтобы загрузить пример синтаксиса Mermaid, или напишите свой собственный.
  2. Смотрите, как предпросмотр диаграммы автоматически обновляется по мере редактирования синтаксиса.
  3. Нажмите 'Экспортировать Изображение', чтобы скачать диаграмму как SVG, PNG или JPEG, или 'Копировать Синтаксис', чтобы скопировать код Mermaid.
  4. Если синтаксис содержит ошибку, последняя корректная диаграмма остаётся видимой, пока вы её исправляете.

Типичные случаи использования

Советы и хитрости

Напишите синтаксис Mermaid и посмотрите живой предпросмотр блок-схем, диаграмм последовательности или диаграмм классов. Экспортируйте бесплатно как SVG, PNG или JPEG, без регистрации.

mermaid editor · mermaid live editor · flowchart maker · генератор диаграмм · онлайн редактор блок-схем · инструмент диаграмм последовательности · mermaid js editor · диаграмма как код