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