עורך להטמעה

Code editor להטמעה באתר

עורך קוד אינטראקטיבי שמריץ קוד בכל אתר: iframe אחד, בלי הגדרות.

הוסיפו עורך קוד אמיתי שמריץ קוד לבלוג, לתיעוד או למדריך שלכם. הקוראים כותבים קוד ורואים את הפלט ישירות בעמוד שלכם, בטכנולוגיה של Coddy. בחרו שפה וערכת נושא למטה, הדביקו את הקוד ההתחלתי והעתיקו את ה־iframe.

מגיעים מ-Trinket? מה Coddy יכול להחליף

שפה

דוגמה

ערכת נושא

פריסה

תצוגה מקדימה חיההקלידו את קוד ההתחלה והקלט ישירות בעורך שלמטה.

מופעל על ידי Coddy

להעתיק את ה-iframe הזה

<figure style="margin:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden"><iframe src="https://coddy.tech/embed-editor?lang=html&theme=light&files=W1siaW5kZXguaHRtbCIsIjwhZG9jdHlwZSBodG1sPlxuPGh0bWwgbGFuZz1cImVuXCI-XG4gICAgPGhlYWQ-XG4gICAgICAgIDxtZXRhIGNoYXJzZXQ9XCJ1dGYtOFwiIC8-XG4gICAgICAgIDx0aXRsZT5NeSBQbGF5Z3JvdW5kPC90aXRsZT5cbiAgICAgICAgPGxpbmsgcmVsPVwic3R5bGVzaGVldFwiIGhyZWY9XCJzdHlsZXMuY3NzXCIgLz5cbiAgICA8L2hlYWQ-XG4gICAgPGJvZHk-XG4gICAgICAgIDxoMSBpZD1cImdyZWV0aW5nXCI-SGVsbG8sIHdvcmxkITwvaDE-XG4gICAgICAgIDxidXR0b24gaWQ9XCJidG5cIj5DbGljayBtZTwvYnV0dG9uPlxuICAgICAgICA8c2NyaXB0IHNyYz1cInNjcmlwdC5qc1wiPjwvc2NyaXB0PlxuICAgIDwvYm9keT5cbjwvaHRtbD5cbiJdLFsic3R5bGVzLmNzcyIsImJvZHkge1xuICAgIGZvbnQtZmFtaWx5OiBzeXN0ZW0tdWksIHNhbnMtc2VyaWY7XG4gICAgcGFkZGluZzogMjRweDtcbiAgICBjb2xvcjogIzFiMWIxZjtcbn1cblxuI2dyZWV0aW5nIHtcbiAgICBjb2xvcjogIzNiODJmNjtcbn1cblxuYnV0dG9uIHtcbiAgICBwYWRkaW5nOiA4cHggMTZweDtcbiAgICBib3JkZXItcmFkaXVzOiA2cHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2QxZDVkYjtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG4iXSxbInNjcmlwdC5qcyIsImRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdidG4nKS5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsICgpID0-IHtcbiAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZ3JlZXRpbmcnKS50ZXh0Q29udGVudCA9ICdZb3UgY2xpY2tlZCEnO1xufSk7XG4iXV0&credit=0" width="100%" height="480" style="display:block;border:0;width:100%" title="עורך קוד Web של 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

מריץ קוד אמיתי

הקוראים עורכים את הקוד ולוחצים על הרצה. 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> אחת שבה ההגדרות שלכם מקודדות בכתובת ה־URL. העתיקו אותה.

3. הדביקו

הכניסו את ה־iframe לדף ה־HTML, ה־Markdown, ה־CMS או התיעוד שלכם. העורך מוצג מיד ומוכן להרצה.

פרמטרים להתאמה אישית

ההטמעה מוגדרת כולה דרך מחרוזת השאילתה של כתובת ה־iframe. הכלי שלמעלה קובע אותם בשבילכם, אבל אפשר גם לערוך אותם ידנית.

פרמטר	ערכים	תיאור
`lang`	`python, javascript, java, sql, html, matplotlib, cpp, ...`	באיזו שפה העורך מריץ קוד. ברירת המחדל היא python.
`theme`	`light, dark, auto`	ערכת הצבעים. auto מתאים את עצמו להגדרת המערכת של המבקר. ברירת המחדל היא auto.
`code`	`base64 string`	הקוד ההתחלתי שמוצג כשהעורך נטען, בקידוד base64 בטוח ל־URL.
`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, ברוב מערכות ה־CMS (WordPress, Ghost, Notion ועוד) ובכלי תיעוד שמאפשרים iframes.