Editor yang bisa disematkan
Editor kode yang bisa di-embed
Editor kode langsung yang bisa dijalankan untuk situs web mana pun: satu iframe, tanpa setup.
Pasang editor kode sungguhan yang bisa dijalankan di blog, dokumentasi, atau tutorialmu. Pembacamu menulis kode dan melihat output-nya langsung di halamanmu, didukung oleh Coddy. Pilih bahasa dan tema di bawah, tempelkan kode awalmu, lalu salin iframe-nya.
Pindahan dari Trinket? Lihat apa saja yang bisa digantikan Coddy
<figure style="margin:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden"><iframe src="https://coddy.tech/embed-editor?lang=express&theme=light&code=aW1wb3J0IGV4cHJlc3MgZnJvbSAnZXhwcmVzcyc7Cgpjb25zdCBhcHAgPSBleHByZXNzKCk7CgphcHAuZ2V0KCcvJywgKHJlcSwgcmVzKSA9PiB7CiAgICByZXMuc2VuZCgnPGgxPkhlbGxvIGZyb20gRXhwcmVzczwvaDE-PHA-U2VuZCBHRVQgL2FwaS9oZWxsbz9uYW1lPUFkYTwvcD4nKTsKfSk7CgphcHAuZ2V0KCcvYXBpL2hlbGxvJywgKHJlcSwgcmVzKSA9PiB7CiAgICBjb25zdCBuYW1lID0gcmVxLnF1ZXJ5Lm5hbWUgfHwgJ3dvcmxkJzsKICAgIHJlcy5qc29uKHsgbWVzc2FnZTogYEhlbGxvLCAke25hbWV9IWAgfSk7Cn0pOwoKYXBwLmdldCgnL2FwaS91c2Vycy86aWQnLCAocmVxLCByZXMpID0-IHsKICAgIGNvbnN0IGlkID0gTnVtYmVyKHJlcS5wYXJhbXMuaWQpOwogICAgaWYgKCFOdW1iZXIuaXNJbnRlZ2VyKGlkKSkgewogICAgICAgIHJldHVybiByZXMuc3RhdHVzKDQwMCkuanNvbih7IGVycm9yOiAnaWQgbXVzdCBiZSBhIG51bWJlcicgfSk7CiAgICB9CiAgICByZXMuanNvbih7IGlkLCBuYW1lOiBgVXNlciAke2lkfWAgfSk7Cn0pOwoKYXBwLmxpc3RlbigzMDAwLCAoKSA9PiB7CiAgICBjb25zb2xlLmxvZygnU2VydmVyIHJ1bm5pbmcgb24gcG9ydCAzMDAwJyk7Cn0pOwo&credit=0" width="100%" height="480" style="display:block;border:0;width:100%" title="Editor kode Express dari 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:right" dir="ltr">Didukung oleh <a href="https://coddy.tech/embed" target="_blank" rel="noopener" style="color:#0077ff;font-weight:600;text-decoration:none;">Coddy</a></figcaption></figure>Gratis dipakai di situs mana pun. Tolong pertahankan tautan "Powered by Coddy" agar orang lain bisa menemukan editor ini. Hanya itu yang kami minta.
Lihat hasilnya
Embed sungguhan, persis seperti tampilannya di halamanmu. Tekan Jalankan di salah satunya.
Menanyakan nama dan umur, lalu menunggu setiap jawaban.
Kenapa memasang editor Coddy
Menjalankan kode sungguhan
Pembaca mengedit kode dan mengklik Jalankan. Python berjalan langsung di browser mereka, dengan konsol langsung untuk input() dan gambar turtle; bahasa lain berjalan di runner Coddy yang terisolasi, lengkap dengan output, stdin, dan argumen command line.
15+ bahasa
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL, dan lainnya, plus HTML dan CSS dengan pratinjau langsung serta grafik Python dengan matplotlib. Satu editor, satu pola embed.
Tema terang dan gelap
Sesuaikan dengan situsmu lewat parameter theme, atau atur ke auto agar editor mengikuti preferensi sistem setiap pengunjung.
Tanpa setup
Tanpa akun, tanpa API key, tanpa JavaScript yang perlu diinstal. Salin satu tag iframe dan editornya berjalan di mana pun HTML berjalan.
Cara kerjanya
1. Atur
Pilih bahasa, tema, dan tata letak, lalu tempelkan kode awal yang akan dilihat pembacamu saat editor dimuat.
2. Salin iframe-nya
Builder membuat satu tag <iframe> dengan pengaturanmu yang dikodekan di URL. Salin tag itu.
3. Tempelkan
Masukkan iframe ke halaman HTML, Markdown, CMS, atau dokumentasimu. Editornya langsung tampil dan siap dijalankan.
Parameter kustomisasi
Embed ini sepenuhnya diatur lewat query string di URL iframe. Builder di atas mengaturnya untukmu, tapi kamu juga bisa mengeditnya secara manual.
| Parameter | Nilai | Deskripsi |
|---|---|---|
lang | python, javascript, java, sql, html, matplotlib, cpp, ... | Bahasa yang dijalankan editor. Default-nya python. |
theme | light, dark, auto | Tema warna. auto mengikuti pengaturan sistem pengunjung. Default-nya auto. |
code | base64 string | Base64 yang aman untuk URL dari kode awal yang ditampilkan saat editor dimuat. |
layout | side, stacked | Editor dan output berdampingan, atau bertumpuk secara vertikal. Default-nya side. |
stdin | base64 string | Input standar opsional yang diberikan ke program saat Jalankan ditekan. Python justru bertanya langsung kepada pembaca dan hanya memakai nilai ini saat berjalan di server. |
Pertanyaan yang sering diajukan
Apakah editor kode yang bisa di-embed ini gratis?
Ya. Editor yang bisa di-embed ini sepenuhnya gratis dipakai di situs web mana pun. Setiap embed menyertakan link kecil "Powered by Coddy". Tolong biarkan link itu agar orang lain bisa menemukan editornya. Hanya itu yang kami minta sebagai balasannya.
Apakah pembacaku perlu akun Coddy untuk menjalankan kode?
Tidak. Siapa pun bisa mengedit dan menjalankan kode di editor yang di-embed tanpa masuk. Python berjalan di browser pembaca; bahasa lain berjalan di runner Coddy yang terisolasi.
Bahasa pemrograman apa saja yang didukung?
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL, R, dan lainnya, plus HTML dan CSS dengan pratinjau langsung serta grafik Python dengan matplotlib. Satu bahasa per embed.
Bisakah aku menyesuaikan editor dengan tema situsku?
Bisa. Atur parameter theme ke light atau dark untuk memaksakan satu tema, atau ke auto untuk mengikuti preferensi sistem setiap pengunjung.
Apakah embed ini berjalan di situs web mana pun?
Ya. Ini adalah iframe standar, jadi berjalan di HTML biasa, Markdown, sebagian besar CMS (WordPress, Ghost, Notion, dan lainnya), dan alat dokumentasi yang mengizinkan iframe.