Editor integrable
Editor de código incrustable
Un editor de código en vivo y ejecutable para cualquier sitio web: un iframe, sin configuración.
Coloca un editor de código real y ejecutable en tu blog, documentación o tutorial. Tus lectores escriben código y ven el resultado directamente en tu página, con tecnología de Coddy. Elige un lenguaje y un tema abajo, pega tu código inicial y copia el 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">Con tecnología de <a href="https://coddy.tech/embed" target="_blank" rel="noopener" style="color:#0077ff;text-decoration:none;">Coddy</a></figcaption>
</figure>Gratis para usar en cualquier sitio: conserva el enlace «Powered by Coddy» para que otros puedan descubrir el editor. Es lo único que pedimos.
Por qué incrustar el editor de Coddy
Ejecuta código real
Los lectores no solo miran un fragmento: lo editan y hacen clic en Ejecutar para correrlo en los entornos aislados de Coddy, con salida, stdin y argumentos de línea de comandos.
Más de 15 lenguajes
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL y más: un editor, un mismo patrón de incrustación.
Temas claro y oscuro
Combínalo con tu sitio mediante el parámetro theme, o ponlo en auto y el editor seguirá la preferencia del sistema de cada visitante.
Cero configuración
Sin cuentas, sin claves de API, sin JavaScript que instalar. Copia una etiqueta iframe y el editor funciona en cualquier lugar donde funcione HTML.
Cómo funciona
1. Configura
Elige el lenguaje, el tema y el diseño, luego pega el código inicial que verán tus lectores cuando se cargue el editor.
2. Copia el iframe
El generador crea una única etiqueta <iframe> con tu configuración codificada en la URL. Cópiala.
3. Pégalo
Coloca el iframe en tu HTML, Markdown, CMS o página de documentación. El editor se renderiza al instante y queda listo para ejecutar.
Parámetros de personalización
La incrustación se configura por completo mediante la cadena de consulta de la URL del iframe. El generador de arriba los establece por ti, pero también puedes editarlos a mano.
| Parámetro | Valores | Descripción |
|---|---|---|
lang | python, javascript, sql, java, cpp, ... | Qué lenguaje ejecuta el editor. El valor predeterminado es python. |
theme | light, dark, auto | Tema de color. auto sigue la configuración del sistema del visitante. El valor predeterminado es auto. |
code | base64 string | Base64 seguro para URL del código inicial que se muestra al cargar el editor. |
layout | side, stacked | Editor y salida uno al lado del otro, o apilados verticalmente. El valor predeterminado es side. |
stdin | base64 string | Entrada estándar opcional que se pasa al programa al ejecutarlo. |
Preguntas frecuentes
¿El editor de código incrustable es gratis?
Sí. El editor incrustable es completamente gratuito para usar en cualquier sitio web. Cada incrustación incluye un pequeño enlace "Powered by Coddy": consérvalo para que otros puedan descubrir el editor. Ese enlace es lo único que pedimos a cambio.
¿Mis lectores necesitan una cuenta de Coddy para ejecutar código?
No. Cualquiera puede editar y ejecutar código en el editor incrustado sin iniciar sesión. El código se ejecuta en los entornos aislados de Coddy.
¿Qué lenguajes de programación son compatibles?
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL y más: los mismos lenguajes que el playground de Coddy, un lenguaje por incrustación.
¿Puedo adaptar el editor al tema de mi sitio?
Sí. Establece el parámetro theme en light o dark para forzar un tema, o en auto para seguir la preferencia del sistema de cada visitante.
¿Funcionará la incrustación en cualquier sitio web?
Sí. Es un iframe estándar, por lo que funciona en HTML simple, Markdown, la mayoría de los CMS (WordPress, Ghost, Notion, etc.) y herramientas de documentación que permitan iframes.