Mermaid Design

История изменений

Следите за последними обновлениями и улучшениями mermaid.design.

v0.2.0

Новые возможности

  • Панель конфигурации рендеринга: новая вкладка Config в панели тем открывает 400+ параметров рендеринга Mermaid в 33 группах по типу диаграммы — макет, отступы, размеры, шрифты и переключатели поведения — с поиском, живым предпросмотром, сбросом отдельных полей и локальным сохранением. Группа текущего типа диаграммы раскрывается автоматически
  • Экспорт с конфигурацией: Copy JSON, Copy frontmatter и скачивание темы в диалоге экспорта теперь включают ваши настройки рендеринга — готово для вставки в mermaid.initialize() или frontmatter Mermaid

Улучшения

  • Элементы форм на shadcn/ui: все кнопки, поля ввода, выпадающие списки, переключатели и слайдеры пересобраны на Radix-примитивах — тот же компактный вид, плюс полноценная навигация с клавиатуры и доступность

v0.1.0

Новые возможности

  • Онлайн-редактор Mermaid: трёхпанельная рабочая область с редактором кода Monaco (подсветка синтаксиса Mermaid, встроенные маркеры ошибок), живым предпросмотром с панорамированием и масштабированием, а также панелью тем
  • Официальный SVG-рендеринг: стандартный вывод Mermaid SVG с дебаунсом 400ms, возврат к последнему успешному рендеру при синтаксических ошибках и варианты фона холста (точки / белый / шахматка)
  • ASCII-рендеринг: преобразование диаграмм в текстовую графику с наборами символов Unicode или чистый ASCII и настраиваемым размером шрифта, на базе beautiful-mermaid
  • Система тем: 70+ редактируемых переменных темы, 11 встроенных тем Mermaid плюс дизайнерские пресеты и генерация темы из исходного цвета (светлая и тёмная)
  • Галерея шаблонов: встроенные шаблоны для блок-схем, диаграмм последовательности, диаграмм классов, ER-диаграмм, диаграмм Ганта, интеллект-карт и многого другого — с фильтрами по типу и фильтрацией по поддержке в каждом режиме
  • Экспорт: загрузка диаграмм в форматах SVG, PNG, JPG или WebP с разрешением 1x/2x/4x и опциональным прозрачным фоном; экспорт в TXT в режиме ASCII; экспорт конфигурации темы как JSON или frontmatter Mermaid
  • Импорт темы: вставьте JSON темы или frontmatter, чтобы импортировать пользовательские темы
  • Автосохранение: код, тема и раскладка сохраняются в локальном хранилище между сессиями
  • Интернационализация: полный интерфейс на 9 языках — English, 中文, Русский, 日本語, Français, 한국어, Español, Deutsch, Português
  • Только на стороне клиента: всё работает в вашем браузере — без загрузок, без аккаунтов, без отслеживания данных ваших диаграмм