محرر Mermaid المباشر
محرر Mermaid حر: اكتب المخطط ككود واحصل على عرض مباشر يمكن تصديره.
تتم المعالجة محليًا في متصفحك/ بياناتك تبقى في متصفحك.
ما هي أداة محرر Mermaid المباشر؟
يحوّل Mermaid تعريفات نصية قصيرة إلى مخططات: انسيابية وتسلسل وأصناف وحالات وكيانات وعلاقات وGantt وخرائط ذهنية ومخططات دائرية ورحلات مستخدم وخطوط زمنية ومخططات Git. ولأن المصدر نص عادي يمكن حفظ المخططات في نظام التحكم بالإصدارات بجانب الشيفرة والتوثيق.
يعرض هذا المحرر الكود بواسطة Mermaid في وضع الأمان الصارم مع تعطيل تسميات HTML، فيحتوي ملف SVG على أشكال ونصوص بسيطة فقط. وإذا كانت الصياغة خاطئة تحصل على رسالة المحلل مع السطر والعنصر المتوقع بدل شاشة فارغة. اختر سمة وصدّر النتيجة.
كيف تعمل؟
- اكتب أو الصق كود Mermaid؛ يجب أن يحدد السطر الأول نوع المخطط (flowchart أو sequenceDiagram أو gantt…).
- اختر سمة (افتراضية أو محايدة أو غابة أو داكنة أو أساسية) تناسب مستندك.
- إذا لم يظهر المخطط فاقرأ رسالة المحلل وصحّح السطر المذكور ثم أعد المحاولة.
- صدّر المخطط بصيغة 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.
أدوات ذات صلة
مولّد المخططات الانسيابية
صِف العملية بسلسلة خطوات في كل سطر واحصل على مخطط انسيابي مع كود Mermaid الذي يقف خلفه.
Markdown والمخططات
مولّد مخططات التسلسل
اكتب رسالة في كل سطر وشاهد من يتحدث إلى من وبأي ترتيب على هيئة مخطط تسلسل.
Markdown والمخططات
مولّد مخططات جانت
اكتب المهام مع تاريخ البداية والمدة واحصل على جدول زمني للمشروع بأقسام وتبعيات.
Markdown والمخططات
مولّد مخططات الأصناف
اكتب كود classDiagram مع الأصناف والأعضاء والعلاقات وشاهد مخطط UML فورًا.
Markdown والمخططات
مولّد مخططات الحالات
اكتب الانتقالات بين الحالات واحصل على مخطط آلة حالات مع الأحداث على الأسهم.
Markdown والمخططات
مولّد مخططات ER
صِف جداولك ومفاتيحك وعلاقاتك ككود Mermaid من نوع erDiagram وشاهد مخطط ER فورًا.
Markdown والمخططات
مولّد الخرائط الذهنية
اكتب أفكارك كقائمة بمسافات بادئة وشاهدها كخريطة ذهنية شعاعية.
Markdown والمخططات
محرر Markdown مع معاينة مباشرة
اكتب أو الصق نص Markdown في جهة واقرأ النتيجة المعروضة في الجهة الأخرى، مع إحصاءات فورية للمستند.
Markdown والمخططات