Embeddable editor
Embeddable code editor
A live, runnable code editor for any website - one iframe, no setup.
Drop a real, runnable code editor onto your blog, documentation, or tutorial. Your readers write code and see output right on your page - powered by Coddy. Pick a language and theme below, paste your starter code, and copy the 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">Powered by <a href="https://coddy.tech/embed" target="_blank" rel="noopener" style="color:#0077ff;text-decoration:none;">Coddy</a></figcaption>
</figure>Free to use on any site - please keep the "Powered by Coddy" link so others can find the editor. That's all we ask.
Why embed Coddy's editor
Runs real code
Readers don't just look at a snippet - they edit it and click Run to execute it on Coddy's sandboxed runners, with output, stdin and command-line args.
15+ languages
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL and more - one editor, one embed pattern.
Light & dark themes
Match your site with the theme parameter, or set it to auto and the editor follows each visitor's system preference.
Zero setup
No accounts, no API keys, no JavaScript to install. Copy one iframe tag and the editor works anywhere HTML does.
How it works
1. Configure
Pick the language, theme, and layout, then paste the starter code your readers will see when the editor loads.
2. Copy the iframe
The builder generates a single <iframe> tag with your settings encoded in the URL. Copy it.
3. Paste it in
Drop the iframe into your HTML, Markdown, CMS, or docs page. The editor renders instantly and is ready to run.
Customization parameters
The embed is configured entirely through the iframe URL's query string. The builder above sets these for you, but you can also edit them by hand.
| Parameter | Values | Description |
|---|---|---|
lang | python, javascript, sql, java, cpp, ... | Which language the editor runs. Defaults to python. |
theme | light, dark, auto | Color theme. auto follows the visitor's system setting. Defaults to auto. |
code | base64 string | URL-safe base64 of the starter code shown when the editor loads. |
layout | side, stacked | Editor and output side by side, or stacked vertically. Defaults to side. |
stdin | base64 string | Optional standard input fed to the program on Run. |
Frequently asked questions
Is the embeddable code editor free?
Yes. The embeddable editor is completely free to use on any website. Each embed includes a small "Powered by Coddy" link - please keep it so others can discover the editor. That link is the only thing we ask for in return.
Do my readers need a Coddy account to run code?
No. Anyone can edit and run code in the embedded editor without signing in. Code runs on Coddy's sandboxed runners.
Which programming languages are supported?
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL and more - the same languages as the Coddy playground, one language per embed.
Can I match the editor to my site's theme?
Yes. Set the theme parameter to light or dark to force a theme, or auto to follow each visitor's system preference.
Will the embed work on any website?
Yes. It's a standard iframe, so it works in plain HTML, Markdown, most CMSs (WordPress, Ghost, Notion, etc.), and documentation tools that allow iframes.