تخطَّ إلى المحتوى
ToolMug

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

ارسم مخططات انسيابية وتسلسلية وجانت وأخرى من بضع أسطر نصية. اكتب كود Mermaid على اليسار وشاهد المخطط يتحدث على اليمين، ثم صدّره كـ SVG أو PNG لمستنداتك والشرائح أو Markdown. موقع GitHub و GitLab و Notion والعديد من تطبيقات الملاحظات تعرض كود Mermaid مباشرة أيضاً.

يعمل في متصفحك — لا يُرفع أي شيء تُدخله

جارٍ تحميل Mermaid…

طريقة الاستخدام

  1. اختر مخططاً من «إدراج قالب»، أو الصق كود Mermaid لديك.
  2. عدّل الكود على اليسار. تُحدّث المعاينة عندما تتوقف عن الكتابة، وتظهر أخطاء الجملة تحتها.
  3. اختر سمة، ثم تنزيل SVG أو PNG، أو انسخ كود SVG.

شرح الخيارات

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

ورقة غش المخططات الانسيابية

flowchart LR
    A[Rectangle] --> B(Rounded)
    B --> C{Decision}
    C -->|Yes| D[(Database)]
    C -.->|No| E((Circle))

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

هل يمكنني لصق كود Mermaid في GitHub؟

نعم. ضعه في كتلة أكواد ```mermaid في ملف Markdown أو مسألة أو تعليق وسيعرض GitHub المخطط. يدعمه GitLab و Notion و Obsidian و Typora أيضاً.

هل يتم تحميل كودي؟

لا. يعرّض Mermaid المخطط في متصفحك؛ الكود والمخطط لا يغادران جهازك أبداً.

لماذا لا يعمل تنسيق Markdown داخل العقد؟

لجعل تصدير PNG ممكناً، تُرسم علامات العقدة كنص SVG الذي لا يدعم علامات HTML أو بعض تنسيقات النصوص الغنية.

الخصوصية

تعمل هذه الأداة بالكامل داخل متصفحك. تُعالَج ملفاتك ونصوصك على جهازك ولا تُرفع أبدًا إلى خوادمنا.

أدوات ذات صلة