Gömülebilir düzenleyici
Gömülebilir kod editörü
Her web sitesi için canlı, çalıştırılabilir bir kod editörü: tek iframe, kurulum yok.
Blogunuza, dokümanlarınıza veya eğitim içeriğinize gerçek, çalıştırılabilir bir kod editörü ekleyin. Okuyucularınız kod yazar ve çıktıyı doğrudan sayfanızda görür - Coddy ile. Aşağıdan bir dil ve tema seçin, başlangıç kodunuzu yapıştırın ve iframe'i kopyalayın.
<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:right;" dir="ltr"><a href="https://coddy.tech/embed" target="_blank" rel="noopener" style="color:#0077ff;text-decoration:none;">Coddy</a> tarafından sağlanıyor</figcaption>
</figure>Her sitede ücretsiz kullanılabilir - başkalarının editörü bulabilmesi için "Powered by Coddy" bağlantısını koruyun. Tek isteğimiz bu.
Coddy'nin editörünü neden gömmelisiniz
Gerçek kod çalıştırır
Okuyucular sadece bir parçaya bakmaz - onu düzenler ve Çalıştır'a tıklayarak Coddy'nin yalıtılmış çalıştırıcılarında, çıktı, stdin ve komut satırı argümanlarıyla çalıştırır.
15'ten fazla dil
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL ve daha fazlası - tek editör, tek gömme deseni.
Açık ve koyu temalar
theme parametresiyle sitenize uyarlayın veya auto olarak ayarlayın; editör her ziyaretçinin sistem tercihini izler.
Sıfır kurulum
Hesap yok, API anahtarı yok, kurulacak JavaScript yok. Tek bir iframe etiketi kopyalayın; editör HTML'in çalıştığı her yerde çalışır.
Nasıl çalışır
1. Yapılandırın
Dili, temayı ve düzeni seçin, ardından editör yüklendiğinde okuyucularınızın göreceği başlangıç kodunu yapıştırın.
2. iframe'i kopyalayın
Oluşturucu, ayarlarınız URL'de kodlanmış tek bir <iframe> etiketi üretir. Kopyalayın.
3. Yapıştırın
iframe'i HTML, Markdown, CMS veya doküman sayfanıza yerleştirin. Editör anında yüklenir ve çalıştırmaya hazır olur.
Özelleştirme parametreleri
Gömme tamamen iframe URL'sinin sorgu dizesiyle yapılandırılır. Yukarıdaki oluşturucu bunları sizin için ayarlar, ancak elle de düzenleyebilirsiniz.
| Parametre | Değerler | Açıklama |
|---|---|---|
lang | python, javascript, sql, java, cpp, ... | Editörün hangi dili çalıştıracağı. Varsayılan python. |
theme | light, dark, auto | Renk teması. auto, ziyaretçinin sistem ayarını izler. Varsayılan auto. |
code | base64 string | Editör yüklendiğinde gösterilen başlangıç kodunun URL güvenli base64 hali. |
layout | side, stacked | Editör ve çıktı yan yana veya dikey olarak üst üste. Varsayılan side. |
stdin | base64 string | Çalıştırıldığında programa verilen isteğe bağlı standart giriş. |
Sıkça sorulan sorular
Gömülebilir kod editörü ücretsiz mi?
Evet. Gömülebilir editör herhangi bir web sitesinde kullanmak için tamamen ücretsizdir. Her gömme küçük bir "Powered by Coddy" bağlantısı içerir - başkalarının editörü keşfedebilmesi için lütfen koruyun. Karşılığında istediğimiz tek şey bu bağlantıdır.
Okuyucularımın kod çalıştırmak için Coddy hesabına ihtiyacı var mı?
Hayır. Herkes oturum açmadan gömülü editörde kod düzenleyip çalıştırabilir. Kod, Coddy'nin yalıtılmış çalıştırıcılarında çalışır.
Hangi programlama dilleri destekleniyor?
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL ve daha fazlası - Coddy playground ile aynı diller, her gömme için bir dil.
Editörü sitemin temasına uyarlayabilir miyim?
Evet. Bir temayı zorlamak için theme parametresini light veya dark olarak, her ziyaretçinin sistem tercihini izlemek için auto olarak ayarlayın.
Gömme herhangi bir web sitesinde çalışır mı?
Evet. Standart bir iframe olduğundan düz HTML, Markdown, çoğu CMS (WordPress, Ghost, Notion vb.) ve iframe'lere izin veren doküman araçlarında çalışır.