Исходник · .md
Перетащите сюда файл .md или изображения
Вставьте Markdown, перетащите файл .md или откройте его
Оттиск
A4 · разбивка на страницы — как в PDF
Вживую
Напишите или вставьте Markdown с блоками ```mermaid и скачайте PDF, где каждая диаграмма — чёткая векторная графика с выделяемым текстом.
Вставьте Markdown, перетащите файл .md или откройте его
Mermaid превращает несколько строк текста в блок-схемы, диаграммы последовательностей, диаграммы Ганта и многое другое. Проблемы начинаются, когда эти диаграммы нужно перенести в PDF: многие онлайн-конвертеры Markdown в PDF вообще не отрисовывают Mermaid и печатают исходный код, некоторые превращают всю страницу в одну большую картинку, а экспорт из редактора может обрезать широкие диаграммы или зависеть от шрифтов, установленных на вашем компьютере.
Здесь каждый блок ```mermaid отрисовывается в SVG прямо в браузере и встраивается в PDF как настоящая векторная графика. Диаграмма остаётся чёткой при любом увеличении, подписи можно выделять, копировать и находить поиском, а цвета, заданные через classDef или style, переносятся в точности.
Диаграммы встраиваются как векторные контуры и текст, а не пиксели, поэтому печатаются чётко в любом размере и не раздувают файл. Поиск в программе для чтения PDF находит слова внутри диаграмм, а подпись из блок-схемы можно просто скопировать.
Диаграммы, которые помещаются, сохраняют свой естественный размер, широкие уменьшаются до ширины текста, вместо того чтобы вылезать за поля, а диаграмма выше страницы уменьшается так, чтобы поместиться на одну страницу. Подписи рисуются как текст SVG, а не как встроенный HTML — из-за него в экспорте некоторых других инструментов на месте подписей остаются пустые прямоугольники. Кириллица в подписях набирается нормальными шрифтами, без квадратиков и «кракозябр».
Блок-схемы, диаграммы последовательностей, классов, состояний, «сущность — связь», диаграммы Ганта, круговые диаграммы, интеллект-карты, временные шкалы и другие типы, которые поддерживает Mermaid, отрисовывает сам Mermaid. Поэтому синтаксис ровно тот же, что вы знаете по GitHub, GitLab, Obsidian или Notion.
Конвертер, которым вы пользовались, не отрисовывает Mermaid и считает блок обычным кодом. Здесь любой блок, помеченный mermaid, отрисовывается как диаграмма. Если в синтаксисе ошибка, в предпросмотре и в PDF появится рамка с сообщением Mermaid, номером строки и самой строкой с ошибкой, а остальной документ отрисуется как обычно.
Это векторная графика, а не растровое изображение. Она остаётся чёткой при увеличении, а текст в ней — настоящий: его можно выделять и искать.
Да: оставьте в редакторе только блок ```mermaid и скачайте файл. В PDF будет одна диаграмма, не больше страницы. Чтобы использовать диаграмму в другом месте, наведите на неё курсор в предпросмотре: её можно скопировать как SVG или скачать в SVG или PNG.
Да. Заливки, цвета обводки и толщина линий, заданные через classDef, class или style, сохраняются в PDF.
Нет. Mermaid работает в вашем браузере, как и движок PDF. Странице запрещено куда-либо отправлять ваш документ.
сохранить ответ чата GPT в PDF вместе с таблицами, кодом и формулами
дипсик в пдф: ответы DeepSeek вместе с формулами