Негізгі мазмұнға өту
LibraTool logoLibraTool

Mermaid диаграмма редакторы — тегін

Тірі алдын ала қараумен Mermaid синтаксисінде ағындық диаграммалар, реттілік диаграммалары, Gantt кестелері және т.б. жазыңыз. SVG немесе PNG ретінде экспорттаңыз. Толығымен браузерде жұмыс істейді.

💡 Диаграммаларды Mermaid синтаксисімен жазыңыз — блок-схемалар, тізбек диаграммалары, Гант кестелері, класс диаграммалары және басқалары — содан кейін SVG немесе PNG форматында экспорттаңыз. Бәрі браузеріңізде орындалады: диаграмма мәтіні ешқашан серверге жіберілмейді, ал Mermaid рендер қозғалтқышы үшінші тарап CDN емес, осы сайттан беріледі.

Жиі қолданылуы

  • Ағын Диаграммасы ҚұрыңызМәтіндік ағын диаграммасы құрып, суретіне түрлендіріңіз.
  • Реті Диаграммасын СалыңызЖүйелер немесе адамдар уақыт барысында қалай әрекеттеспесінің диаграммасын сызыңыз.
  • README-ге Диаграмма ҚосыңызGitHub-тің README-де өндіктік түрде өндіретін диаграмма құрыңыз.
  • Gantt Диаграммасы ҚұрыңызЖобалық уақытын мәтіндік Gantt диаграммасы ретінде орнатыңыз.
  • Класс Диаграммасы ҚұрыңызБағдарлама дизайны үшін сыныптарды және олардың қатынасын диаграмма ретінде сызыңыз.

Қалай жұмыс істейді

Mermaid мәтін ретінде диаграммалар жағындар және сөл өндіктегеге ре-ресімделіп өндіктеген — құрылымдағы диаграммаларда сақтау идеалды. Бұл өндіктегі өндіктегі редактор ресімделіп.

  1. 1
    Mermaid құрылғысы жүктеледі
    Mermaid кітапханасы құралды алғаш қолданғанда LibraTool-дан жүктеледі, содан кейін браузер оны кэште сақтайды.
  2. 2
    Сіз диаграмма кодын жағындар
    Ағым диаграммалар, дәлелдеме диаграммалар, Gantt диаграммалар, сынпа диаграммалар, пирог диаграммалар және т.б. — Mermaid мәтін синтаксисін пайдаланда.
  3. 3
    Ол өндіктегі ресімделіп
    Сіздің код өндіктегеге және SVG-тег браузердің ішінде ресімделіп жағындаған қайта ресімделіп аспан және өндіктегі аспан.
  4. 4
    Экспорттау SVG немесе PNG
    Диаграмма масштабы SVG немесе 2× PNG жүктеңіз құжаттар, слайд немесе README түсіндіретінде түсіндіргісіндіге.

Сіздің диаграмма кодты — ішкі жүйелерде сипаттағы болуы мүмкін — браузердің ішінде ресімделіп және ешқашан жүктелмейді.

Байланысты құралдар

📝

Markdown редактор

Markdown-ды нақты уақытта жазыңыз және алдын ала қараңыз. Тақырыптарды, қоюды, курсивті, код блоктарын, кестелерді және тізімдерді қолдайды.

Байқап көріңіз
🟦

CSS торы генераторы

CSS торын визуалды түрде құрастырыңыз — трекілер, бірліктер және аралықтар — және құрастырылған CSS және HTML-ді көшіріңіз.

Байқап көріңіз
🌳

ASCII ағашы генераторы

Шегіністік тізімді README және құжаттар үшін таза қалта ағашына (├── └──) айналдырыңыз. Unicode немесе таза ASCII шығысы. Толығымен браузерде жұмыс істейді.

Байқап көріңіз

Жиі қойылатын сұрақтар