Акысыз Mermaid диаграмма редактору
Аккыстарды, ырааттуулук диаграммаларын, Gantt диаграммаларын жана башкаларды Mermaid синтаксисинде түз алдын ала көрүү менен жазыңыз. SVG же PNG катары экспорттоңуз. Толугу менен браузериңизде иштейт.
Жылдыруу үчүн сүйрөңүз же скролл кылыңыз. Чоңойтуу үчүн кысыңыз же Ctrl + скролл колдонуңуз. Алдын ала көрүүнү бийик кылуу үчүн төмөнкү четин сүйрөңүз.
💡 Диаграммаларды Mermaid синтаксисинде жазыңыз — блок-схемалар, ырааттуулук диаграммалары, Гантт диаграммалары, класс диаграммалары жана башкалар — жана SVG же PNG катары экспорттоңуз. Баары браузериңизде иштейт: диаграмма тексти эч качан жүктөлбөйт, ал эми Mermaid рендер кыймылдаткычы үчүнчү тараптын CDN'инен эмес, ушул сайттан берилет.
Бул кантип иштейт
Mermaid диаграммаларды текст катары жазып, аларды автоматтык көрсөтүүгө мүмкүнчүлүк берет — версия башкаруу системасында диаграммаларды сактоо үчүн эң ылайыктуу. Бул жазган сайын көрсөтүлүүчү тирүү редактор.
- 1Mermaid кыймылдаткычы жүктөлөтMermaid китепканасы куралды биринчи жолу колдонгондо LibraTool'дон жүктөлөт, андан кийин браузериңиз аны кэштейт.
- 2Диаграмма кодун жазасызАгым схемалары, удаалаштык диаграммалары, Gantt диаграммалары, класс диаграммалары, тоок диаграммалары жана башкалар — Mermaid'дин текст синтаксисин колдонуп.
- 3Ал тирүү көрсөтүлөтКоду жазган сайын талданып, браузериңизде SVG'ге көрсөтүлөт — жарык жана кара түстөр менен.
- 4SVG же PNG экспорттоңузДиаграмманы масштабдалуучу SVG же 2× PNG катары жүктөп алып, документтерге, слайддарга же README'ге кошуңуз.
Ички системаларды сүрөттөшү мүмкүн болгон диаграмма кодуңуз толугу менен браузериңизде көрсөтүлөт жана эч качан жүктөлбөйт.
Байланыштуу куралдар
Markdown редактору
Markdown жазыңыз жана реалдуу убакытта алдын ала көрүңүз. Аталыштарды, коюуну, курсивди, код блокторун, таблицаларды жана тизмелерди колдойт.
CSS Grid генератору
CSS торду визуалдык түрдө түзүңүз — тректер, бирдиктер жана боштуктар — жана даяр CSS менен HTML кодун көчүрүп алыңыз.
ASCII дарак генератору
Чегинүүлүү тизмени README жана документтер үчүн таза папка дарагына (├── └──) айландырыңыз. Unicode же жөнөкөй ASCII чыгышы. Толугу менен браузериңизде иштейт.