Mermaid Düzenleyici
Mermaid düzenleyiciyle metinden akış şemaları, sıra diyagramları, Gantt şemaları ve daha fazlasını oluşturun. Tarayıcınızda oluşturun, yakınlaştırın ve SVG veya PNG olarak dışa aktarın.
Mermaid nedir?
Mermaid, düz metinden diyagram oluşturmayı sağlayan açık kaynaklı bir diyagram dilidir; Markdown'a benzer. Düğümleri ve bağlantıları basit bir sözdizimiyle tanımlarsınız, oluşturucu diyagramı otomatik çizer.
Hangi diyagram türleri destekleniyor?
Düzenleyici; akış şeması, sıra, sınıf, durum, ER, Gantt, pasta, zihin haritası ve zaman çizelgesi için hazır örnekler içerir. Mermaid 11 elle yazılabilen pek çok başka türü de destekler.
Diyagramı nasıl oluştururum?
Açılır listeden bir örnek seçin veya sol düzenleyiciye kodunuzu yazın. Yazmayı bıraktıktan yaklaşık 350 ms sonra önizleme yeniden oluşturulur; sözdizimi geçersizse kırmızı panel tam hatayı gösterir, eski diyagram korunur.
Kodum bir yere gönderiliyor mu?
Hayır. Her şey tarayıcınızda JavaScript ile yerel olarak oluşturulur. Kodunuz cihazınızdan asla çıkmaz.
Diyagramı nasıl dışa aktarırım?
Ölçeklenebilir vektör için SVG indir, iki kat çözünürlüklü görüntü için PNG indir (isteğe bağlı şeffaf arka plan) kullanın. Kodu kopyala Mermaid kaynağını panoya kopyalar.
PNG dışa aktarma neden bazen başarısız olur?
Bazı Mermaid özellikleri foreignObject üzerinden çizilir ve tarayıcı bunu canvas'e rasterleştirmeyi reddedebilir. Bu durumda PNG bir hata gösterir; ancak rasterleştirme gerektirmeyen SVG indirme her zaman çalışır.
Yakınlaştırma nasıl çalışır?
Önizleme 0,5x ile 2x ölçeği destekler. + ve - düğmeleri %10 adımlar, Sığdır diyagramı önizleme alanına sığdırır, %100 orijinal boyuta döndürür.
Kendi dokümantasyonumda Mermaid kullanabilir miyim?
Evet. GitHub, GitLab ve birçok dokümantasyon aracı Mermaid bloklarını yerel olarak çizer: kodunuzu mermaid kod bloğuna sarın, sayfada otomatik çizilir.
Düzenleyici koyu modu destekliyor mu?
Evet. Diyagram platform temasını izler: arayüz koyu moda geçtiğinde otomatik olarak Mermaid'in koyu temasıyla yeniden oluşturulur.
Okunabilir diyagramlar için ipuçları?
Kısa düğüm etiketleri kullanın, içeriğe uygun yön seçin (TD dikey, LR yatay), çok büyük grafikleri alt grafiklere bölün ve her tür için yerleşik örnekleri şablon olarak kullanın.
Mermaid Düzenleyici Nasıl Kullanılır
Mermaid, düz metni akış şemaları, sıra diyagramları, Gantt şemalarına ve daha fazlasına dönüştürür. Bu canlı düzenleyici kodunuzu yazarken yeniden çizer — her şey tarayıcınızda olur, hiçbir şey cihazınızdan çıkmaz.
- «Örnek» açılır menüsünden bir başlangıç seçin — akış, sıra, sınıf, durum, ER, Gantt, pasta, zihin haritası ve zaman çizelgesini kapsayan dokuz hazır diyagram vardır; birini seçmek kodunu düzenleyiciye yükler.
- Mermaid kodunu soldaki panelde düzenleyin; sağdaki Önizleme, yazmayı bıraktıktan yaklaşık üçte bir saniye sonra yeniden çizilir. Kırmızı panelde bir sözdizimi hatası göründüğünde, düzeltirken son geçerli diyagram görünür kalır.
- Artı ve eksi düğmeleriyle %50 ile %200 arasında yakınlaştırın, diyagramı önizleme kutusuna sığdırmak için «Sığdır», gerçek boyuta dönmek için «100%» düğmesine basın.
- Beyaz zeminsiz bir PNG istiyorsanız «Şeffaf arka plan» kutusunu işaretleyin, ardından «SVG indir» veya «PNG indir» düğmesine basın — PNG, gömüldüğünde net kalması için çift çözünürlükte dışa aktarılır.
- «Kodu kopyala» düğmesiyle Mermaid kaynağını panoya alıp belgelere, wikilere veya depolara yapıştırın.
Bir diyagram çizilmiyorsa, hatayı yalıtmak için son değiştirdiğiniz satırları yorum satırı yapın — hata iletisi sorumlu satırı belirtir ve sözdizimi düzelene kadar önizleme son çalışan sürümü korur.
İlgili Araçlar
- Kodu Görsel Yap Kod parçacıklarını sözdizimi vurgulama, özel temalar ve pencere süslemeleriyle paylaşılabilir görsellere dönüştürün. %100 gizlilik, tümü tarayıcınızda.
- Markdown Önizleme Canlı önizlemeli ücretsiz çevrimiçi Markdown düzenleyici. Tam GFM desteğiyle Markdown yazın, oluşturun ve dışa aktarın.
- SVG Görüntüleyici ve Düzenleyici SVG dosyalarını çevrimiçi önizleyin, düzenleyin ve optimize edin. Canlı önizleme, kod düzenleme ve optimizasyon araçları.
- JSON ağaç görüntüleyici JSON verilerini interaktif katlanabilir bir ağaç olarak görselleştirin. Anahtar ve değerleri arayın, üzerine gelindiğinde JSONPath'i izleyin ve tembel yükleme ile büyük dosyaları işleyin. .json dosyalarını sürükle ve bırak destekler.
- Hash Doğrulayıcı MD5, SHA-1, SHA-256, SHA-512 dosya hashlerini yerel olarak hesapla ve doğrula
- Chmod Hesaplayıcı Onay kutularıyla Linux dosya izinlerini görselleştirmek ve hesaplamak için ücretsiz çevrimiçi chmod hesaplayıcı. Sayısal (755, 644) ve sembolik gösterim (rwxr-xr-x) arasında anında dönüştürün. setuid, setgid, sticky bit gibi özel izinleri destekler.
- ASCII Tablosu Ondalık, onaltılık, sekizlik, ikili kodlar, HTML varlıkları ve karakter açıklamaları ile eksiksiz ASCII karakter kodlama referansı. Anında arama ve filtreleme.
- Hex Görüntüleyici Arama, ofset gezinme ve sanal kaydırma ile dosya içeriklerini hex dump formatında görüntüleyin