Éditeur intégrable
Éditeur de code intégrable
Un éditeur de code live et exécutable pour n'importe quel site : un iframe, aucune configuration.
Ajoutez un véritable éditeur de code exécutable à votre blog, votre documentation ou votre tutoriel. Vos lecteurs écrivent du code et voient le résultat directement sur votre page, propulsé par Coddy. Choisissez un langage et un thème ci-dessous, collez votre code de départ et copiez l'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">Propulsé par <a href="https://coddy.tech/embed" target="_blank" rel="noopener" style="color:#0077ff;text-decoration:none;">Coddy</a></figcaption>
</figure>Gratuit sur n'importe quel site - merci de conserver le lien « Powered by Coddy » pour que d'autres découvrent l'éditeur. C'est tout ce que nous demandons.
Pourquoi intégrer l'éditeur de Coddy
Exécute du vrai code
Les lecteurs ne se contentent pas de regarder un extrait : ils le modifient et cliquent sur Exécuter pour le lancer sur les environnements isolés de Coddy, avec sortie, stdin et arguments de ligne de commande.
Plus de 15 langages
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL et plus encore : un éditeur, un même schéma d'intégration.
Thèmes clair et sombre
Adaptez-le à votre site avec le paramètre theme, ou réglez-le sur auto et l'éditeur suivra la préférence système de chaque visiteur.
Aucune configuration
Pas de compte, pas de clé API, pas de JavaScript à installer. Copiez une balise iframe et l'éditeur fonctionne partout où le HTML fonctionne.
Comment ça marche
1. Configurez
Choisissez le langage, le thème et la disposition, puis collez le code de départ que vos lecteurs verront au chargement de l'éditeur.
2. Copiez l'iframe
Le générateur crée une seule balise <iframe> avec vos paramètres encodés dans l'URL. Copiez-la.
3. Collez-la
Insérez l'iframe dans votre HTML, Markdown, CMS ou page de documentation. L'éditeur s'affiche instantanément et est prêt à exécuter.
Paramètres de personnalisation
L'intégration se configure entièrement via la chaîne de requête de l'URL de l'iframe. Le générateur ci-dessus les définit pour vous, mais vous pouvez aussi les modifier à la main.
| Paramètre | Valeurs | Description |
|---|---|---|
lang | python, javascript, sql, java, cpp, ... | Le langage que l'éditeur exécute. Valeur par défaut : python. |
theme | light, dark, auto | Thème de couleur. auto suit le réglage système du visiteur. Valeur par défaut : auto. |
code | base64 string | Base64 compatible URL du code de départ affiché au chargement de l'éditeur. |
layout | side, stacked | Éditeur et sortie côte à côte, ou empilés verticalement. Valeur par défaut : side. |
stdin | base64 string | Entrée standard facultative fournie au programme lors de l'exécution. |
Questions fréquentes
L'éditeur de code intégrable est-il gratuit ?
Oui. L'éditeur intégrable est entièrement gratuit à utiliser sur n'importe quel site. Chaque intégration inclut un petit lien « Powered by Coddy » - merci de le conserver pour que d'autres puissent découvrir l'éditeur. Ce lien est la seule chose que nous demandons en retour.
Mes lecteurs ont-ils besoin d'un compte Coddy pour exécuter du code ?
Non. Tout le monde peut modifier et exécuter du code dans l'éditeur intégré sans se connecter. Le code s'exécute sur les environnements isolés de Coddy.
Quels langages de programmation sont pris en charge ?
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL et plus encore : les mêmes langages que le playground Coddy, un langage par intégration.
Puis-je adapter l'éditeur au thème de mon site ?
Oui. Réglez le paramètre theme sur light ou dark pour forcer un thème, ou sur auto pour suivre la préférence système de chaque visiteur.
L'intégration fonctionnera-t-elle sur n'importe quel site ?
Oui. C'est un iframe standard, il fonctionne donc en HTML brut, en Markdown, dans la plupart des CMS (WordPress, Ghost, Notion, etc.) et les outils de documentation qui autorisent les iframes.