محرر قابل للتضمين
محرر أكواد قابل للتضمين
محرر أكواد حي وقابل للتشغيل لأي موقع - إطار iframe واحد، دون إعداد.
أضِف محرر أكواد حقيقيًا وقابلًا للتشغيل إلى مدونتك أو وثائقك أو درسك التعليمي. يكتب قراؤك الكود ويرون المخرجات مباشرة على صفحتك - بدعم من Coddy. اختر لغة وسمة أدناه، والصق الكود الابتدائي، وانسخ إطار iframe.
<figure style="margin:0;display:flex;flex-direction:column;gap:6px;">
<iframe src="https://coddy.tech/embed-editor?lang=python&code=bmFtZSA9IGlucHV0KCkKYWdlID0gaW50KGlucHV0KCkpCnByaW50KGYiSGVsbG8sIHtuYW1lfSEgWW91IGFyZSB7YWdlfSB5ZWFycyBvbGQuIikK&stdin=QWxpY2UKMzAK&credit=0" width="100%" height="480" style="border:1px solid #e2e8f0;border-radius:8px;" title="Python code editor by Coddy" loading="lazy"></iframe>
<figcaption style="font:13px/1.4 system-ui,sans-serif;color:#64748b;text-align:left;" dir="rtl">مدعوم من <a href="https://coddy.tech/embed" target="_blank" rel="noopener" style="color:#0077ff;text-decoration:none;">Coddy</a></figcaption>
</figure>مجاني للاستخدام على أي موقع - يُرجى الإبقاء على رابط "Powered by Coddy" ليتمكن الآخرون من اكتشاف المحرر. هذا كل ما نطلبه.
لماذا تضمّن محرر Coddy
يشغّل كودًا حقيقيًا
لا يكتفي القراء بالنظر إلى مقتطف - بل يحررونه وينقرون على تشغيل لتنفيذه على مشغّلات Coddy المعزولة، مع المخرجات وstdin ووسائط سطر الأوامر.
أكثر من 15 لغة
Python وJavaScript وTypeScript وJava وC وC++ وC# وGo وRuby وRust وPHP وSQL والمزيد - محرر واحد، ونمط تضمين واحد.
السمة الفاتحة والداكنة
طابِق موقعك باستخدام المعامل theme، أو اضبطه على auto ليتبع المحرر تفضيل النظام لكل زائر.
بلا أي إعداد
لا حسابات، ولا مفاتيح API، ولا JavaScript لتثبيته. انسخ وسم iframe واحدًا ويعمل المحرر في أي مكان يعمل فيه HTML.
كيف يعمل
1. التهيئة
اختر اللغة والسمة والتخطيط، ثم الصق الكود الابتدائي الذي سيراه قراؤك عند تحميل المحرر.
2. انسخ إطار iframe
ينشئ المولّد وسم <iframe> واحدًا مع إعداداتك مرمّزة في الرابط. انسخه.
3. الصقه
ضع إطار iframe في صفحة HTML أو Markdown أو نظام إدارة المحتوى أو صفحة الوثائق. يُعرض المحرر فورًا ويصبح جاهزًا للتشغيل.
معاملات التخصيص
يُهيَّأ التضمين بالكامل من خلال سلسلة استعلام رابط إطار iframe. يضبطها المولّد أعلاه نيابةً عنك، لكن يمكنك أيضًا تعديلها يدويًا.
| المعامل | القيم | الوصف |
|---|---|---|
lang | python, javascript, sql, java, cpp, ... | اللغة التي يشغّلها المحرر. القيمة الافتراضية python. |
theme | light, dark, auto | سمة الألوان. تتبع auto إعداد نظام الزائر. القيمة الافتراضية auto. |
code | base64 string | ترميز base64 آمن للرابط للكود الابتدائي الذي يظهر عند تحميل المحرر. |
layout | side, stacked | المحرر والمخرجات جنبًا إلى جنب، أو مكدّسان عموديًا. القيمة الافتراضية side. |
stdin | base64 string | مدخلات قياسية اختيارية تُمرَّر إلى البرنامج عند التشغيل. |
الأسئلة الشائعة
هل محرر الأكواد القابل للتضمين مجاني؟
نعم. المحرر القابل للتضمين مجاني تمامًا للاستخدام على أي موقع. يتضمن كل تضمين رابطًا صغيرًا "Powered by Coddy" - يُرجى الإبقاء عليه ليتمكن الآخرون من اكتشاف المحرر. هذا الرابط هو الشيء الوحيد الذي نطلبه في المقابل.
هل يحتاج قرائي إلى حساب Coddy لتشغيل الكود؟
لا. يمكن لأي شخص تحرير الكود وتشغيله في المحرر المضمّن دون تسجيل الدخول. يعمل الكود على مشغّلات Coddy المعزولة.
ما لغات البرمجة المدعومة؟
Python وJavaScript وTypeScript وJava وC وC++ وC# وGo وRuby وRust وPHP وSQL والمزيد - اللغات نفسها الموجودة في playground الخاص بـ Coddy، لغة واحدة لكل تضمين.
هل يمكنني مطابقة المحرر مع سمة موقعي؟
نعم. اضبط المعامل theme على light أو dark لفرض سمة، أو على auto ليتبع تفضيل النظام لكل زائر.
هل سيعمل التضمين على أي موقع؟
نعم. إنه إطار iframe قياسي، لذا يعمل في HTML العادي وMarkdown ومعظم أنظمة إدارة المحتوى (WordPress وGhost وNotion وغيرها) وأدوات الوثائق التي تسمح بإطارات iframe.