محرر Mermaid

كيفية استخدام محرر Mermaid

يحوّل Mermaid النص العادي إلى مخططات انسيابية ومخططات تسلسل وغانت وغيرها. يعيد هذا المحرر المباشر بناء الكود أثناء كتابتك، بالكامل داخل المتصفح — لا يخرج أي شيء من جهازك.

1. اختر نقطة انطلاق من القائمة المنسدلة «مثال» — تسعة مخططات جاهزة تغطي المخطط الانسيابي والتسلسل والأصناف والحالات وعلاقات الكيانات وغانت والدائري والخريطة الذهنية والخط الزمني، ويُحمَّل كود المخطط الذي تختاره في المحرر.
2. عدِّل كود Mermaid في اللوحة اليسرى؛ تعود المعاينة على اليمين إلى الرسم بعد نحو ثلث ثانية من توقفك عن الكتابة. عند ظهور خطأ في الصيغة في اللوحة الحمراء، يبقى آخر مخطط صحيح معروضًا أثناء الإصلاح.
3. قرِّب أو بعِّد بين 50٪ و200٪ بزرَي الزائد والناقص، أو اضغط «ملاءمة» ليتمدد المخطط في صندوق المعاينة، أو «100%» للعودة إلى الحجم الأصلي.
4. فعِّل «خلفية شفافة» إذا أردت PNG بدون خلفية بيضاء، ثم اضغط «تنزيل SVG» أو «تنزيل PNG» — يُصدَّر PNG بدقة مضاعفة ليبقى واضحًا عند تضمينه.
5. اضغط «نسخ الكود» لنقل كود Mermaid إلى الحافظة ولصقه في التوثيق أو الويكي أو مستودعات الكود.

عندما يرفض المخطط الظهور، علِّق الأسطر التي عدّلتها مؤخرًا لعزل الخطأ — تشير رسالة الخطأ إلى السطر المسبب، وتبقي المعاينة آخر نسخة عاملة حتى تصح الصيغة من جديد.