Бесплатен Уредувач на Mermaid дијаграми
Пишувајте дијаграми на тек, секвенцијални дијаграми, Gantt дијаграми и уште многу во синтакса на Mermaid со преглед во живо. Извезете како SVG или PNG. Работи целосно во вашиот прелистувач.
Влечете или скролајте за поместување. Штипнете, или Ctrl + скрол, за зум. Влечете го долниот раб за да го направите прегледот повисок.
💡 Пишувајте дијаграми во синтакса Mermaid — дијаграми на текот, секвентни дијаграми, Gantt дијаграми, дијаграми на класи и повеќе — и извезувајте како SVG или PNG. Сè се извршува во вашиот прелистувач: текстот на дијаграмот никогаш не се прикачува, а машината за прикажување Mermaid се сервира од оваа страница, а не од надворешна CDN.
Како функционира
Mermaid ви овозможува да пишувате дијаграми како текст и да ги генерирате автоматски — одлично за чување дијаграми во контрола на верзии. Ова е уредувач во живо што рендерира додека куцате.
- 1Се вчитува Mermaid механизмотБиблиотеката Mermaid се вчитува од LibraTool при првата употреба на алатката, а потоа вашиот прелистувач ја кешира.
- 2Пишувате код за дијаграмФлоучартови, дијаграми на секвенца, Gantt дијаграми, дијаграми на класи, кружни дијаграми и уште многу друго — користејќи ја текстуалната синтакса на Mermaid.
- 3Рендерира во живоВашиот код се анализира и рендерира како SVG во вашиот прелистувач додека куцате, со светла и темна тема.
- 4Извезете SVG или PNGПреземете го дијаграмот како скалабилен SVG или PNG во 2× резолуција за да го вметнете во документација, презентации или README.
Вашиот код за дијаграм — кој може да опишува внатрешни системи — се рендерира целосно во вашиот прелистувач и никогаш не се прикачува.
Поврзани алатки
Уредувач на Markdown
Пишувајте и прегледувајте Markdown во реално време. Поддржува наслови, задебелено, курзив, блокови код, табели и листи.
Генератор на CSS Grid
Визуелно дизајнирајте CSS grid — колони, редови, единици и празнини — и копирајте го генерираниот CSS и HTML.
Генератор на ASCII дрво
Претворете листа со вовлекување во уредно дрво на папки (├── └──) за README-датотеки и документација. Излез со Unicode или обичен ASCII. Работи целосно во вашиот прелистувач.