Metinden Diyagram Düzenleyici

Mermaid ile akış, sıra ve veri modeli diyagramları oluşturun. Sıfır sunucu iletimi.

Metinden Diyagram Düzenleyici

Mermaid ile akış, sıra ve veri modeli diyagramları oluşturun. Sıfır sunucu iletimi.

Nasıl Çalışır?

1
Değerleri ve Parametreleri Girin
İlgili alanlara sayısal değerlerinizi, oranları veya parametreleri yazın.
2
Hesaplamayı İnceleyin
Sonuçlar tarayıcınızda anlık matematiksel modelle hesaplanır ve ekranda güncellenir.
3
Döküm ve Analizi Alın
Detaylı dökümü, özet grafikleri veya sayısal sonuçları doğrudan kullanın.
Kavram ve Bilgi Merkezi

Metinden Şema ve Akış Şeması Editörü: Mermaid ile İstemci Tarafı Modelleme

Teknik şemalar, yazılım mimarisi diyagramları ve veritabanı varlık ilişkileri oluşturmak geleneksel olarak hantal sürükle-bırak editörleri veya tescilli fikri mülkiyeti üçüncü taraflara açan bulut yazılımlarını gerektirir. GoToolstack Şema Editörü (Mermaid), bildirimsel metinleri doğrudan tarayıcınızda resmi Mermaid.js motoru ile yayın kalitesinde vektör grafiklere dönüştürür.

Harici bir tasarım aracına ihtiyaç duymadan Akış Şemaları (karar iş akışları, dallanma mantıkları, alt grafikler), Sıra Diyagramları (aktör etkileşimleri, asenkron mesajlar, yaşam döngüleri), Varlık-İlişki Diyagramları (ER) (tablolar, birincil/yabancı anahtarlar, kardinalite), Sınıf Diyagramları (nesne yönelimli hiyerarşiler, arayüz metotları) ve Durum Makineleri tasarlayabilirsiniz. Editör anlık debounced canlı önizleme, satır/karakter sayaçları, fare ve dokunmatik ekranla yakınlaştırma/kaydırma (pan-zoom) kontrolleri ve derleme hatalarını kesin satır numarasıyla bildiren sözdizimi hata teşhisi sunar.

Tüm şema derleme ve görsel sentezi işlemleri %100 yerel olarak cihazınızın belleğinde gerçekleşir. Sıkı istemci taraflı güvenlik politikası altında harici betikler, HTML etiketleri ve uzaktan resim bağlantıları varsayılan olarak filtrelenir; böylece gizli yazılım mimarileri ve veritabanı şemaları asla dış sunuculara sızmaz. Tamamlanan şemalar sonsuz ölçeklenebilir SVG vektör formatında veya yüksek çözünürlüklü PNG (1×, 2× Retina, 3× baskı ölçeği ve şeffaf/açık/koyu arka plan seçenekleri) olarak dışa aktarılabilir.

Temel Mimari ve Matematiksel Formüller

Şema Derleme = Parse(Mermaid DSL) → AST Doğrulama → SVG Sentezi(Dagre Düzeni) → Sıkı Temizleme(DOMPurify) → Rasterizasyon(Canvas 2×/3×) → SVG/PNG Dışa Aktar

Bildirimsel metin yapılandırılmış bir AST'ye ayrıştırılır, deterministik grafik algoritmalarıyla konumlandırılır, aktif betiklerden arındırılır ve ölçeklenebilir SVG/PNG varlıklarına dönüştürülür.

En İyi Uygulamalar ve Temel Yönergeler

  • Anlamsal Yön Göstergeleri Kullanın: Derin sıralı karar ağaçları için graph TD (yukarıdan aşağıya) veya yatay süreçler için graph LR (soldan sağa) hiyerarşisini tercih edin.
  • Sıkı Güvenlik Sandbox'ına Güvenin: Kullanıcı veya ekip tarafından paylaşılan şema parçacıklarının siteler arası betik çalıştırmasını (XSS) önlemek için HTML etiketlerini ve tıklama geri çağrılarını devre dışı tutun.
  • Sunumlar İçin 2× Yüksek Çözünürlük Tercih Edin: Teknik belgeler veya yüksek çözünürlüklü ekranlar için PNG dışa aktarırken piksellenmeyi önlemek amacıyla 2× (300 DPI eşdeğeri) ölçeğini seçin.
  • Vektör Kalitesi İçin SVG Olarak Dışa Aktarın: Şemaları duyarlı web sitelerine, GitHub README dosyalarına veya teknik yayınlara gömerken sonsuz ölçeklenebilir SVG formatını kullanın.

Sıkça Sorulan Sorular (SSS)

Mermaid editörü hangi şema türlerini destekler?
Editör akış şemalarını (TD/LR/BT/RL), sıra diyagramlarını (aktör yaşam döngüleri ve otomatik numaralandırma ile), varlık-ilişki (ER) modellerini (Crow's Foot kardinalitesi ve tipli niteliklerle), sınıf diyagramlarını ve durum makinelerini tam olarak destekler.
Tescilli sistem mimarilerim veya veritabanı şemalarım herhangi bir sunucuya yüklenir mi?
Hayır. Mermaid ayrıştırma ve görselleştirme iş akışının tamamı %100 yerel olarak tarayıcınızın JavaScript çalışma zamanında yürütülür. Şema metniniz veya üretilen görseller asla ağ üzerinden aktarılmaz.
Editör XSS ve uzaktan kod çalıştırma saldırılarına karşı nasıl korunur?
Motor sıkı güvenlik parametreleri uygular: HTML etiketleri varsayılan olarak devre dışıdır, tıklama geri çağrıları ve harici betik etiketleri oluşturma öncesinde temizlenir ve etkisiz hale getirilir.
Şeffaf PNG veya koyu mod şemaları dışa aktarabilir miyim?
Evet. PNG dışa aktarma panelinde şeffaf alfa kanalı, beyaz arka plan veya koyu arduvaz arka plan seçeneklerini 1× ile 3× çözünürlük ölçeklerinde seçebilirsiniz.