עורך להטמעה
Code editor להטמעה באתר
עורך קוד אינטראקטיבי שמריץ קוד בכל אתר: iframe אחד, בלי הגדרות.
הוסיפו עורך קוד אמיתי שמריץ קוד לבלוג, לתיעוד או למדריך שלכם. הקוראים כותבים קוד ורואים את הפלט ישירות בעמוד שלכם, בטכנולוגיה של Coddy. בחרו שפה וערכת נושא למטה, הדביקו את הקוד ההתחלתי והעתיקו את ה־iframe.
<figure style="margin:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden"><iframe src="https://coddy.tech/embed-editor?lang=php&theme=light&code=PD9waHAKJG5hbWUgPSB0cmltKGZnZXRzKFNURElOKSk7CiRhZ2UgPSBpbnR2YWwodHJpbShmZ2V0cyhTVERJTikpKTsKZWNobyAiSGVsbG8sICRuYW1lISBZb3UgYXJlICRhZ2UgeWVhcnMgb2xkLlxuIjsK&stdin=QWxpY2UKMzAK&credit=0" width="100%" height="480" style="display:block;border:0;width:100%" title="עורך קוד PHP של 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
מריץ קוד אמיתי
הקוראים לא רק מסתכלים על קטע קוד: הם עורכים אותו ולוחצים על הרצה כדי להריץ אותו בסביבות המבודדות של 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> אחת שבה ההגדרות שלכם מקודדות בכתובת ה־URL. העתיקו אותה.
3. הדביקו
הכניסו את ה־iframe לדף ה־HTML, ה־Markdown, ה־CMS או התיעוד שלכם. העורך מוצג מיד ומוכן להרצה.
פרמטרים להתאמה אישית
ההטמעה מוגדרת כולה דרך מחרוזת השאילתה של כתובת ה־iframe. הכלי שלמעלה קובע אותם בשבילכם, אבל אפשר גם לערוך אותם ידנית.
| פרמטר | ערכים | תיאור |
|---|---|---|
lang | python, javascript, sql, java, cpp, ... | באיזו שפה העורך מריץ קוד. ברירת המחדל היא python. |
theme | light, dark, auto | ערכת הצבעים. auto מתאים את עצמו להגדרת המערכת של המבקר. ברירת המחדל היא auto. |
code | base64 string | הקוד ההתחלתי שמוצג כשהעורך נטען, בקידוד base64 בטוח ל־URL. |
layout | side, stacked | העורך והפלט זה לצד זה, או זה מעל זה. ברירת המחדל היא side. |
stdin | base64 string | קלט סטנדרטי אופציונלי שמועבר לתוכנית בעת ההרצה. |
שאלות נפוצות
האם עורך הקוד להטמעה חינמי?
כן. העורך להטמעה חינמי לגמרי לשימוש בכל אתר. כל הטמעה כוללת קישור קטן "Powered by Coddy". השאירו אותו בבקשה כדי שאחרים יוכלו לגלות את העורך. הקישור הזה הוא הדבר היחיד שאנחנו מבקשים בתמורה.
האם הקוראים שלי צריכים חשבון Coddy כדי להריץ קוד?
לא. כל אחד יכול לערוך ולהריץ קוד בעורך המוטמע בלי להתחבר. הקוד רץ בסביבות המבודדות של Coddy.
אילו שפות תכנות נתמכות?
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL ועוד: אותן שפות כמו בעורך האונליין של Coddy, שפה אחת לכל הטמעה.
האם אפשר להתאים את העורך לעיצוב האתר שלי?
כן. הגדירו את הפרמטר theme ל־light או ל־dark כדי לקבוע ערכת נושא, או ל־auto כדי שהעורך יתאים את עצמו להעדפת המערכת של כל מבקר.
האם ההטמעה תעבוד בכל אתר?
כן. זה iframe רגיל, ולכן הוא עובד ב־HTML פשוט, ב־Markdown, ברוב מערכות ה־CMS (WordPress, Ghost, Notion ועוד) ובכלי תיעוד שמאפשרים iframes.