Редактор диаграмм Mermaid
- Файлы не покидают устройство
- Работает в браузере
- Бесплатно, без регистрации и водяных знаков
Как пользоваться: Редактор диаграмм Mermaid
Пишите код Mermaid и смотрите диаграмму по мере ввода: блок-схемы, последовательности, классы, состояния, ER, Гантт, круговые, интеллект-карты, таймлайны и графы Git. Масштабируйте и сдвигайте предпросмотр, затем экспортируйте SVG или PNG до 4×. Отрисовка идёт в браузере.
- 1
Введите код Mermaid в редакторе или выберите диаграмму из «Примера», чтобы начать.
- 2
Выберите тему: по умолчанию, нейтральная, тёмная или лес.
- 3
Проверьте предпросмотр. Прокручивайте или щипайте для масштаба, перетаскивайте для сдвига и используйте «Вписать» или «На весь экран».
- 4
Задайте фон и размер PNG, затем нажмите SVG или PNG, чтобы скачать, либо «Копировать SVG» / «Копировать PNG» в буфер.
Частые вопросы
Отправляется ли код диаграммы на сервер?
Нет. Mermaid работает внутри страницы, код и диаграммы остаются в браузере. Код сохраняется локально, чтобы быть на месте в следующий раз.
Что происходит при синтаксической ошибке?
Ошибка появляется под редактором с номером строки, а предпросмотр продолжает показывать последнюю успешно отрисованную диаграмму.
Можно ли экспортировать с прозрачным фоном?
Да. Поставьте фон «Прозрачный» перед экспортом SVG или PNG.
Как получить более резкий PNG?
Выберите размер PNG 2×, 3× или 4×. Точные размеры в пикселях показаны рядом с настройкой.
Есть ли сочетание клавиш для сохранения?
Ctrl/⌘ + S в редакторе скачивает SVG. В предпросмотре + и − меняют масштаб, стрелки сдвигают, 0 сбрасывает на 100%, а F вписывает диаграмму.