Einbettbarer Editor
Einbettbarer Code-Editor
Ein interaktiver, ausführbarer Code-Editor für jede Website – ein iframe, keine Einrichtung.
Platziere einen echten, ausführbaren Code-Editor in deinem Blog, deiner Doku oder deinem Tutorial. Deine Leser schreiben Code und sehen die Ausgabe direkt auf deiner Seite – powered by Coddy. Wähle unten eine Sprache und ein Theme, füge deinen Startcode ein und kopiere das iframe.
<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">Bereitgestellt von <a href="https://coddy.tech/embed" target="_blank" rel="noopener" style="color:#0077ff;text-decoration:none;">Coddy</a></figcaption>
</figure>Kostenlos auf jeder Website nutzbar - bitte den "Powered by Coddy"-Link behalten, damit andere den Editor finden. Das ist alles, worum wir bitten.
Warum den Editor von Coddy einbetten
Führt echten Code aus
Leser betrachten nicht nur einen Codeausschnitt – sie bearbeiten ihn und klicken auf Ausführen, um ihn auf Coddys isolierten Runnern auszuführen, mit Ausgabe, stdin und Befehlszeilenargumenten.
Über 15 Sprachen
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL und mehr – ein Editor, ein Einbettungsmuster.
Helle und dunkle Themes
Passe ihn mit dem Parameter theme an deine Website an oder setze ihn auf auto, damit der Editor der Systemeinstellung jedes Besuchers folgt.
Keine Einrichtung
Keine Konten, keine API-Schlüssel, kein zu installierendes JavaScript. Kopiere ein iframe-Tag und der Editor funktioniert überall dort, wo HTML funktioniert.
So funktioniert es
1. Konfigurieren
Wähle Sprache, Theme und Layout und füge dann den Startcode ein, den deine Leser beim Laden des Editors sehen.
2. Das iframe kopieren
Der Generator erzeugt ein einzelnes <iframe>-Tag mit deinen in der URL kodierten Einstellungen. Kopiere es.
3. Einfügen
Füge das iframe in dein HTML, Markdown, CMS oder deine Doku-Seite ein. Der Editor wird sofort gerendert und ist startbereit.
Anpassungsparameter
Die Einbettung wird vollständig über den Query-String der iframe-URL konfiguriert. Der Generator oben setzt sie für dich, aber du kannst sie auch von Hand bearbeiten.
| Parameter | Werte | Beschreibung |
|---|---|---|
lang | python, javascript, sql, java, cpp, ... | Welche Sprache der Editor ausführt. Standardwert ist python. |
theme | light, dark, auto | Farb-Theme. auto folgt der Systemeinstellung des Besuchers. Standardwert ist auto. |
code | base64 string | URL-sicheres Base64 des Startcodes, der beim Laden des Editors angezeigt wird. |
layout | side, stacked | Editor und Ausgabe nebeneinander oder vertikal gestapelt. Standardwert ist side. |
stdin | base64 string | Optionale Standardeingabe, die dem Programm beim Ausführen übergeben wird. |
Häufig gestellte Fragen
Ist der einbettbare Code-Editor kostenlos?
Ja. Der einbettbare Editor ist auf jeder Website völlig kostenlos nutzbar. Jede Einbettung enthält einen kleinen "Powered by Coddy"-Link - bitte behalten Sie ihn, damit andere den Editor entdecken können. Dieser Link ist das Einzige, worum wir im Gegenzug bitten.
Brauchen meine Leser ein Coddy-Konto, um Code auszuführen?
Nein. Jeder kann Code im eingebetteten Editor bearbeiten und ausführen, ohne sich anzumelden. Der Code läuft auf Coddys isolierten Runnern.
Welche Programmiersprachen werden unterstützt?
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL und mehr – dieselben Sprachen wie der Coddy-Playground, eine Sprache pro Einbettung.
Kann ich den Editor an das Theme meiner Website anpassen?
Ja. Setze den Parameter theme auf light oder dark, um ein Theme zu erzwingen, oder auf auto, um der Systemeinstellung jedes Besuchers zu folgen.
Funktioniert die Einbettung auf jeder Website?
Ja. Es ist ein Standard-iframe und funktioniert daher in reinem HTML, Markdown, den meisten CMS (WordPress, Ghost, Notion usw.) und Doku-Tools, die iframes erlauben.