Embed API Reference
Embed YaliCode editors in your website, blog, or documentation.
Basic embed
Embed any public project using an iframe. Go to your project settings and click "Embed" to get a code snippet, or construct the URL manually:
<iframe
src="https://yalicode.dev/embed/PROJECT_ID"
width="100%"
height="500"
style="border: 1px solid #1a1a28; border-radius: 8px;"
></iframe>URL parameters
| Parameter | Values | Description |
|---|---|---|
| theme | dark, light, auto | Editor theme (default: dark) |
| fileTree | 0, 1 | Show file tree (default: 1) |
| terminal | 0, 1 | Show terminal (default: 0) |
| preview | 0, 1 | Show preview panel (default: 1 for frontend) |
| editable | 0, 1 | Allow editing (default: 1) |
| autoRun | 0, 1 | Run on load (default: 0) |
| file | path | Open a specific file on load |
Playground embed
Embed a standalone playground without a saved project. The user starts with a blank editor or a template:
<iframe
src="https://yalicode.dev/embed/playground?language=python&autoRun=1"
width="100%"
height="400"
></iframe>Branding
Free accounts show a small "Powered by YaliCode" badge. Paid accounts can remove it. The badge links to yalicode.dev.
Rate limits
Embeds are rate-limited per origin domain to prevent abuse. If you need higher limits, contact us or use an API key.