Անցնել հիմնական բովանդակությանը
LibraTool logoLibraTool

Mermaid դիագրամների խմբագիր անվճար

Գրեք հոսքային դիագրամներ, հաջորդականության դիագրամներ, Gantt գծապատկերներ և ավելին Mermaid շարահյուսությամբ՝ ուղիղ նախադիտմամբ: Արտահանեք SVG կամ PNG ձևաչափով: Ամբողջությամբ գործում է ձեր բրաուզերում:

💡 Գրեք դիագրամներ Mermaid շարահյուսությամբ — հոսքագծեր, հաջորդականության դիագրամներ, Գանտի գծապատկերներ, դասերի դիագրամներ և այլն — և արտահանեք որպես SVG կամ PNG։ Ամեն ինչ աշխատում է ձեր դիտարկիչում. ձեր դիագրամի տեքստը երբեք չի վերբեռնվում, իսկ Mermaid-ի պատկերման շարժիչը մատուցվում է այս կայքից, ոչ թե երրորդ կողմի CDN-ից։

Տարածված կիրառություններ

  • Ստեղծեք FlowchartՍտեղծեք ընթացք դիագրամ տեքստից և արտահանեք որպես պատկեր:
  • Քաղեք Հաջորդականության ԴիագրամԴիագրամ, թե ինչպես համակարգեր կամ մարդիկ փոխազդում են ժամանակի ընթացքում:
  • Ավելացրեք Դիագրամ README-ինՍտեղծեք դիագրամներ, որ GitHub-ը դարանում մեջ առանց կամ թղթային README-ի:
  • Կառուցեք Gantt ChartԴրեք ծրագրի ժամանակը Gantt դիագրամ որպես տեքստ:
  • Ստեղծեք Դասի ԴիագրամԴիագրամ դասեր և նրանց հարաբերությունները ծրագրային ապահովման նախագծման համար:

Ինչպես է այն աշխատում

Mermaid թույլ տալ ձեր տեղ diagrams որպես տեքստ ունեն նրանք վերա-վերներ ուղղակի: հեռահար տեղ diagrams վրա տարբերակ վերահսկում: Սա լիցքավ խմբագրական, որ վերա-վերներ, ինչ դուք տեղ:

  1. 1
    Mermaid շարժիչ բեռնվել
    Mermaid գրադարանը բեռնվում է LibraTool-ից գործիքի առաջին օգտագործման ժամանակ, ապա դիտարկիչը պահում է այն քեշում։
  2. 2
    Դուք տեղ diagram կոդ
    Flowcharts, հաջորդականություն diagrams, Gantt diagrams, դաս diagrams, pie diagrams շատ: կամ Mermaid տեքստ syntax:
  3. 3
    Այն վերա-վերներ կենդանի
    Ձեր կոդ վերլուծել վերա-վերներ SVG ձեր բրաուզերում որ դուք տեղ, լույսի մութ themes:
  4. 4
    Արդյունք SVG կամ PNG
    Ներբեռնել diagram որպես scalable SVG կամ 2× PNG փոխ մեջ փաստաթղթեր, sliders, README:

Ձեր diagram կոդ: կարող նկարագրել ներքին համակարգեր: վերա-վերներ ամբողջությամբ ձեր բրաուզերում, երբեք վերբեռնվել:

Առնչվող գործիքներ

📝

Markdown խմբագիր

Գրեք ու նախադիտեք Markdown-ն իրական ժամանակում: Աջակցում է վերնագրեր, թավ, շեղ, կոդի բլոկներ, աղյուսակներ և ցուցակներ:

Փորձեք այն
🟦

CSS Grid Գեներատոր

Վիզուալ ներածեք CSS grid — հետքեր, միավորներ և բացեր — և պատճեն անեք ստեղծված CSS և HTML:

Փորձեք այն
🌳

ASCII ծառի գեներատոր

Վերածեք ներդրված ցուցակը մաքուր թղթապանակի ծառի (├── └──)՝ README-ների և փաստաթղթերի համար: Unicode կամ հասարակ ASCII ելք: Ամբողջությամբ գործում է ձեր բրաուզերում:

Փորձեք այն

Հաճախակի տրվող հարցեր