მთავარ შინაარსზე გადასვლა
LibraTool logoLibraTool

Mermaid დიაგრამის რედაქტორი უფასოდ

დაწერეთ ნაკადური სქემები, თანმიმდევრობის დიაგრამები, Gantt სქემები და სხვა Mermaid სინტაქსით პირდაპირი გადახედვით. ექსპორტი SVG ან PNG ფორმატებში. მუშაობს მხოლოდ ბრაუზერში.

💡 დახაზეთ დიაგრამები Mermaid-ის სინტაქსით — ბლოკ-სქემები, თანმიმდევრობის დიაგრამები, განტის დიაგრამები, კლასების დიაგრამები და სხვა — და შეინახეთ SVG ან PNG ფორმატში. ყველაფერი თქვენს ბრაუზერში მუშაობს: დიაგრამის ტექსტი არასოდეს იტვირთება, ხოლო Mermaid-ის რენდერის ძრავა ამ საიტიდან მოდის და არა მესამე მხარის CDN-იდან.

გავრცელებული გამოყენება

  • შექმენით ნაკადი დიაგრამაშექმენით ნაკადი დიაგრამა ტექსტიდან და ექსპორტი სურათის სახით.
  • დახაზეთ თანმიმდევრობა დიაგრამადიაგრამა, თუ როგორ ურთიერთობენ სისტემები ან ადამიანები დროთა განმავლობაში.
  • დამატება დიაგრამა README-შიშექმენით დიაგრამები, რომელიც GitHub-ი თქვენს README-ში ბუნებრივად აწვდის.
  • აშენეთ Gantt დიაგრამაგანათავსეთ პროექტის ტიმლაინი Gantt დიაგრამა ტექსტიდან.
  • შექმენით კლასი დიაგრამადიაგრამა კლასები და მათი ურთიერთობები ხელმისაწვდომი დიზაინისთვის.

როგორ მუშაობს

Mermaid დასაშვებ თქვენ წაკითხვა დიაგრამა ტექსტი და აქვთ მათ მოთხოვნილება ავტომატიკი - დიდი გამოსაბ დიაგრამა ვერსია კონტროლი. ეს არის ლაივი რედაქტორი რა რენდრირებული როგორც თქვენ ტიპი.

  1. 1
    Mermaid ძრავა ჩატვირთვა
    Mermaid-ის ბიბლიოთეკა იტვირთება LibraTool-იდან ინსტრუმენტის პირველი გამოყენებისას, შემდეგ კი ბრაუზერი მას ქეშში ინახავს.
  2. 2
    თქვენ წაკითხვა დიაგრამა კოდი
    Flowcharts, თანმიმდევრობა დიაგრამა, Gantt ეტი, class დიაგრამა, pie ეტი და მეტი - გამოყენება Mermaid-ის ტექსტი syntax.
  3. 3
    მას რენდრირებული ლაივი
    თქვენი კოდი აგროვილი და რენდრირებული SVG თქვენი ბრაუზერი როგორც თქვენ ტიპი, მხოლოდ ღირებული და მუქი theme.
  4. 4
    გაჩინე SVG ან PNG
    ჩამოტვირთვა დიაგრამა როგორც mutable SVG ან 2× PNG რა ჩამოაგდებთ დოკი, slide, ან README.

თქვენი დიაგრამა კოდი - რომელიმე შეიძლება აღწერა შიგნით სისტემა - რენდრირებული სრულად თქვენი ბრაუზერი და არასდროს აპლოდი.

დაკავშირებული ინსტრუმენტები

📝

Markdown რედაქტორი

დაწერეთ და გადახედეთ Markdown-ს რეალურ დროში. მხარს უჭერს სათაურებს, გამუქებას, დახრილ ფონტს, კოდის ბლოკებს, ცხრილებს და სიებს.

სცადე
🟦

CSS Grid შემქმნელი

ვიზუალურად დაამუშავეთ CSS grid — ტრეკები, ერთეულები და უფსები — და დააკოპიეთ გენერირებული CSS და HTML.

სცადე
🌳

ASCII ხის გენერატორი

გადაიყვანეთ გამოყოფილი სია სუფთა საქაღალდის ხეში (├── └──) README-ებისა და დოკუმენტებისთვის. Unicode ან plain-ASCII გამოსავალი. მუშაობს მხოლოდ ბრაუზერში.

სცადე

ხშირად დასმული კითხვები