Режим ASCII превращает вашу диаграмму Mermaid в текстовую графику — идеально для комментариев в коде, файлов README, описаний pull request, вывода в терминал и любых мест, куда изображение не вставить.
Переключение в режим ASCII
Нажмите ASCII в переключателе режимов навигационной панели (или откройте /ascii напрямую). Тот же код Mermaid в редакторе будет отрендерен символами вместо SVG:
┌───────┐ ┌────────┐
│ Start │─────▶│ Ship it│
└───────┘ └────────┘ASCII-рендеринг работает на beautiful-mermaid — TypeScript-порте mermaid-ascii. Рендерер загружается лениво, поэтому он скачивается только при первом открытии режима ASCII.
Настройки
При активном режиме ASCII правая панель показывает настройки ASCII:
- Набор символов —
Unicode ─│┌использует символы псевдографики для плавных линий и углов;ASCII - | +ограничивает вывод простыми ASCII-символами для максимальной совместимости (старые терминалы, инструменты код-ревью, текстовые письма). - Размер шрифта — масштабирует отрендеренный текст, что полезно для размещения большой диаграммы в узком блоке комментария.
Поддерживаемые типы диаграмм
Лучше всего рендерятся блок-схемы и диаграммы последовательности. Некоторые типы диаграмм Mermaid пока не поддерживаются ASCII-рендерером — для них в превью показывается локализованное сообщение вместо сломанного результата.
Очень длинные связи (---->) автоматически нормализуются перед рендерингом, поэтому диаграммы с растянутыми рёбрами всё равно дают осмысленный результат.
Экспорт
В режиме ASCII диалог экспорта предлагает TXT (обычный текст) — отрендеренную текстовую диаграмму, готовую к вставке куда угодно. См. Экспорт и публикация.
Просмотр ASCII-шаблонов
Откройте /ascii/templates, чтобы просмотреть галерею шаблонов, отрендеренных в виде ASCII-графики. Неподдерживаемые шаблоны отфильтровываются автоматически, а фильтры по типу помогают найти отправную точку. См. Шаблоны.