محرر مخططات Mermaid
اكتب صياغة Mermaid على اليسار وشاهد مخططك الانسيابي أو التسلسلي أو Gantt يُعرض مباشرة على اليمين.
كل ما تحتاجه لإنشاء مخططات ككود
معاينة مباشرة فورية
شاهد مخططك يُعرض لحظة كتابتك — دون خطوة بناء أو ضغط أزرار أو انتظار.
كل أنواع مخططات Mermaid
مخططات انسيابية ومخططات تسلسل ومخططات أصناف ومخططات حالة ومخططات Gantt وخرائط ذهنية والمزيد — صياغة Mermaid 11 الكاملة.
مبدّل المظاهر
بدّل بين المظاهر الافتراضية والمحايدة والداكنة لتطابق مستنداتك أو شرائحك أو لوحاتك دون تغيير سطر كود واحد.
تصدير SVG وPNG
نزّل SVG متجهًا حادًا أو PNG عالي الدقة، أو انسخ ترميز SVG مباشرة إلى حافظتك.
خاص، لا يُرفع شيء
كل العرض يحدث محليًا في متصفحك — لا يغادر مخططك جهازك أبدًا، ودون حدود حجم أو حساب.
أخطاء صياغة واضحة
تُلتقط المخططات غير الصالحة فورًا وتُعرض برسالة مقروءة، فتستطيع إصلاح الصياغة بسرعة.
حول محرر مخططات Mermaid
محرر مخططات Mermaid أداة مجانية داخل المتصفح لكتابة ومعاينة مخططات Mermaid. اكتب صياغة Mermaid على اليسار ورَ المخطط المعروض يحدَّث مباشرة على اليمين، مع ثلاثة مظاهر مدمجة — الافتراضي والمحايد والداكن. بمجرد أن يبدو مخططك صحيحًا، انسخ الكود أو SVG، أو نزّله كـ SVG متجه أو PNG عالي الدقة. ولأن كل شيء يعمل محليًا بمكتبة Mermaid مفتوحة المصدر، فلا رفوعات ولا حدود حجم ولا حاجة لحساب.
كيفية إنشاء مخطط Mermaid
ثلاث خطوات من الفكرة إلى مخطط قابل للمشاركة.
اكتب مخططك كنص
ابدأ من المثال المدمج أو اكتب صياغة Mermaid مباشرة — مخططات انسيابية ومخططات تسلسل ومخططات أصناف والمزيد.
شاهده يُعرض مباشرة
يحدَّث المخطط تلقائيًا أثناء التحرير. بدّل المظاهر بالقائمة المنسدلة للعثور على الشكل الذي تريده.
صدّر أو شارك
انسخ كود Mermaid أو SVG، أو نزّل المخطط كملف SVG أو PNG للمستندات والشرائح وملفات README.
أمور تستحق المعرفة
تُعرض المخططات بـ Mermaid 11 في وضع أمان صارم، الذي يعقّم التسميات فلا يُنفَّذ HTML أو نصوص برمجية — تُعطَّل معالجات النقر التفاعلية في المعاينة. تُعرض PNG المُصدَّرة بدقة مضاعفة لطباعة حادة، وكل شيء يعمل محليًا فلا يوجد حد لحجم الملف.