Бизнес / Диаграммы
Создатель блок-схем: предпросмотр Mermaid и простой редактор
Создавайте блок-схемы с помощью текста Mermaid и просматривайте результат в реальном времени. Добавляйте узлы процесса, решения, начала и конца, ввода и вывода, соединяйте их подписями или начинайте с одного из 3 готовых шаблонов.
Создатель блок-схем: предпросмотр Mermaid и простой редактор: Пишите блок-схемы в формате Mermaid или используйте редактор для добавления шагов, решений и связей — диаграмма будет обновляться по мере ввода. Начните с примера, затем скопируйте текст или скачайте блок-схему в формате SVG или PNG. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.
- Запуски
- В вашем браузере
- Стоимость
- Бесплатно · без регистрации
- Доступность
- Готово к использованию
Полностью работает в браузере
Простой конструктор
Предпросмотр обновляется по мере ввода. Конструктор добавляет инструкции в ваш текст. Директивы конфигурации, пользовательские стили и обработчики нажатий отключены.
Создание предпросмотра…
Синтаксис блок-схем
Язык блок-схем Mermaid поддерживает узлы, связи и решения с подписями. Инструмент поддерживает часть языка, предназначенную для блок-схем; конструктор добавляет новые строки в конец текста. Официальный синтаксис: https://mermaid.js.org/syntax/flowchart.html
Безопасность и лицензия
Диаграммы создаются в вашем браузере с помощью Mermaid — библиотеки с открытым исходным кодом по лицензии MIT — в строгом режиме безопасности: HTML в подписях, действия по нажатию и блоки конфигурации запрещены, поэтому вставленная диаграмма не может выполнить код. Официальная настройка безопасности: https://mermaid.js.org/config/schema-docs/config-properties-securitylevel.html
Как пользоваться
- Выберите шаблон процесса, дерева решений или входа в систему либо напишите текст блок-схемы Mermaid.
- Добавьте узел с помощью редактора, затем укажите ID существующих узлов и при необходимости добавьте подпись к связи.
- Исправьте найденные синтаксические ошибки и скачайте SVG, PNG или текст Mermaid.
Конфиденциальность и ограничения
Текст Mermaid обрабатывается только в вашем браузере. Никакие данные не загружаются на сервер и не сохраняются в локальном хранилище. Директивы конфигурации, обратные вызовы, изображения и внешние ресурсы отключены.
Похожие инструменты
Часто задаваемые вопросы
Как редактор присваивает имена узлам?
Он использует следующий свободный ID с номером N. Чтобы соединить узлы, введите их ID из текста. Редактор безопасно кодирует кавычки, скобки и другие знаки пунктуации в подписях.
Можно ли использовать все типы диаграмм Mermaid?
Этот инструмент принимает только синтаксис блок-схем и графов. Для других типов диаграмм используйте существующий редактор Mermaid.
Как отображаются ошибки?
В сообщениях об ошибках парсера указывается номер строки, если Mermaid его предоставляет. Для ошибок безопасности и превышения ограничений ввода отображается отдельное сообщение.
Шаблоны скопированы из других источников?
Нет. Простые примеры процесса, дерева решений и входа в систему созданы специально для этого инструмента.
Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен