انتقل إلى المحتوى

محرر Mermaid المباشر

محرر Mermaid حر: اكتب المخطط ككود واحصل على عرض مباشر يمكن تصديره.

تتم المعالجة محليًا في متصفحك

الخيارات
0 حرف · 0 سطر
ستظهر النتيجة هنا.

ما هي أداة محرر Mermaid المباشر؟

يحوّل Mermaid تعريفات نصية قصيرة إلى مخططات: انسيابية وتسلسل وأصناف وحالات وكيانات وعلاقات وGantt وخرائط ذهنية ومخططات دائرية ورحلات مستخدم وخطوط زمنية ومخططات Git. ولأن المصدر نص عادي يمكن حفظ المخططات في نظام التحكم بالإصدارات بجانب الشيفرة والتوثيق.

يعرض هذا المحرر الكود بواسطة Mermaid في وضع الأمان الصارم مع تعطيل تسميات HTML، فيحتوي ملف SVG على أشكال ونصوص بسيطة فقط. وإذا كانت الصياغة خاطئة تحصل على رسالة المحلل مع السطر والعنصر المتوقع بدل شاشة فارغة. اختر سمة وصدّر النتيجة.

كيف تعمل؟

  1. اكتب أو الصق كود Mermaid؛ يجب أن يحدد السطر الأول نوع المخطط (flowchart أو sequenceDiagram أو gantt…).
  2. اختر سمة (افتراضية أو محايدة أو غابة أو داكنة أو أساسية) تناسب مستندك.
  3. إذا لم يظهر المخطط فاقرأ رسالة المحلل وصحّح السطر المذكور ثم أعد المحاولة.
  4. صدّر المخطط بصيغة SVG أو PNG للعروض التقديمية والويكي والتوثيق.

حالات الاستخدام الشائعة

  • رسم مخططات معمارية ومخططات عمليات لملف README أو وثيقة تصميم.
  • تصحيح كتلة Mermaid لا تظهر على GitHub أو في الويكي.
  • إنشاء مخططات للعروض التقديمية دون أداة رسم.
  • تعلّم صياغة Mermaid بتعديل مثال يعمل.

أمثلة

جرّب هذا المدخل في الأداة أعلاه:

flowchart TD
    A([Start]) --> B[Read configuration]
    B --> C{Configuration valid?}
    C -- Yes --> D[Start server]
    C -- No --> E[Show error message]
    E --> B
    D --> F([Ready])

الخصوصية

تعمل أداة محرر Mermaid المباشر بالكامل داخل متصفحك. يُعالَج النص أو الملفات التي تقدّمها على جهازك ولا تُرفع ولا تُسجَّل ولا تُخزَّن على خوادمنا.

القيود

يستخدم العرض إصدار Mermaid المضمَّن في هذا الموقع، لذا قد تختلف الأنواع أو الصياغات الحديثة جدًا عن منصتك. الميزات التفاعلية مثل روابط النقر معطّلة لأسباب أمنية.

الأسئلة الشائعة

هل يُرسل كود المخطط إلى خادم؟

لا. يعمل Mermaid محليًا داخل متصفحك ولا يغادر الكود جهازك.

لماذا تظهر لي رسالة خطأ في الصياغة؟

تذكر الرسالة السطر الذي توقف عنده التحليل والعنصر المتوقع. من الأسباب الشائعة: غياب الكلمة المفتاحية للمخطط في السطر الأول، أو نصوص فيها أقواس دون علامات اقتباس، أو رمز زائد داخل سهم.

هل يمكنني استخدام المخطط خارج هذا الموقع؟

نعم. صدّر SVG للرسوم القابلة للتكبير أو PNG للعروض، أو انسخ كود Mermaid إلى أي منصة تدعمه مثل GitHub وGitLab وNotion.

المزيد من الأدوات في Markdown والمخططات →