Mermaid एडिटर

Mermaid एडिटर का उपयोग कैसे करें

Mermaid सादे टेक्स्ट को फ़्लोचार्ट, सीक्वेंस डायग्राम, गैंट चार्ट और भी बहुत कुछ में बदल देता है। यह लाइव एडिटर आपके टाइप करते ही कोड दोबारा रेंडर करता है, पूरी तरह ब्राउज़र में — कुछ भी आपके डिवाइस से बाहर नहीं जाता।

1. «उदाहरण» ड्रॉपडाउन से शुरुआत चुनें — नौ तैयार डायग्राम (फ़्लोचार्ट, सीक्वेंस, क्लास, स्टेट, ER, गैंट, पाई, माइंडमैप और टाइमलाइन) उपलब्ध हैं, और कोई चुनने पर उसका कोड एडिटर में लोड हो जाता है।
2. बाएँ पैनल में Mermaid कोड संपादित करें; दाईं ओर प्रीव्यू टाइप करना बंद करने के लगभग एक तिहाई सेकंड बाद फिर से रेंडर होता है। लाल पैनल में सिंटैक्स त्रुटि दिखने पर सुधारते हुए भी आख़िरी मान्य डायग्राम दिखता रहता है।
3. प्लस और माइनस बटनों से 50% से 200% के बीच ज़ूम करें, «फ़िट» दबाकर डायग्राम को प्रीव्यू बॉक्स में समा दें, या «100%» दबाकर असली आकार पर लौटें।
4. बिना सफ़ेद पृष्ठभूमि वाला PNG चाहिए तो «पारदर्शी पृष्ठभूमि» चुनें, फिर «SVG डाउनलोड करें» या «PNG डाउनलोड करें» दबाएँ — PNG दोगुने रिज़ॉल्यूशन पर निर्यात होता है, जिससे एम्बेड करने पर साफ़ दिखता है।
5. «कोड कॉपी करें» दबाकर Mermaid सोर्स कोड क्लिपबोर्ड पर ले जाएँ और दस्तावेज़ों, विकी या रिपॉज़िटरी में पेस्ट करें।

जब डायग्राम रेंडर न हो, तो हाल में बदली लाइनों को कमेंट करके ग़लती अलग करें — त्रुटि संदेश दोषी लाइन बताता है, और सिंटैक्स सही होने तक प्रीव्यू आपका आख़िरी काम करता संस्करण बनाए रखता है।