Editor da incorporare
Editor di codice da incorporare
Un editor di codice live ed eseguibile per qualsiasi sito: un iframe, nessuna configurazione.
Inserisci un vero editor di codice eseguibile nel tuo blog, nella tua documentazione o nel tuo tutorial. I tuoi lettori scrivono codice e vedono l'output direttamente sulla tua pagina, grazie a Coddy. Scegli un linguaggio e un tema qui sotto, incolla il codice iniziale e copia l'iframe.
<figure style="margin:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden"><iframe src="https://coddy.tech/embed-editor?lang=cpp&theme=light&code=I2luY2x1ZGUgPGlvc3RyZWFtPgojaW5jbHVkZSA8c3RyaW5nPgoKaW50IG1haW4oKSB7CiAgICBzdGQ6OnN0cmluZyBuYW1lOwogICAgaW50IGFnZTsKICAgIHN0ZDo6Y2luID4-IG5hbWUgPj4gYWdlOwogICAgc3RkOjpjb3V0IDw8ICJIZWxsbywgIiA8PCBuYW1lCiAgICAgICAgICAgICAgPDwgIiEgWW91IGFyZSAiIDw8IGFnZQogICAgICAgICAgICAgIDw8ICIgeWVhcnMgb2xkLiIgPDwgc3RkOjplbmRsOwogICAgcmV0dXJuIDA7Cn0K&stdin=QWxpY2UKMzAK&credit=0" width="100%" height="480" style="display:block;border:0;width:100%" title="Editor di codice C++ di Coddy" loading="lazy"></iframe><figcaption style="box-sizing:border-box;padding:5px 12px;font:11px/1.4 system-ui,-apple-system,sans-serif;color:#64748b;background:#f1f5f9;border-top:1px solid #e2e8f0;text-align:right" dir="ltr">Con tecnologia <a href="https://coddy.tech/embed" target="_blank" rel="noopener" style="color:#0077ff;font-weight:600;text-decoration:none;">Coddy</a></figcaption></figure>Puoi usarlo gratis su qualsiasi sito: ti chiediamo solo di lasciare il link "Powered by Coddy" così anche altri possono trovare l'editor.
Perché incorporare l'editor di Coddy
Esegue codice vero
I lettori non si limitano a guardare uno snippet: lo modificano e cliccano su Esegui per eseguirlo sugli ambienti isolati di Coddy, con output, stdin e argomenti da riga di comando.
Oltre 15 linguaggi
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL e altri: un solo editor, un solo modo di incorporarlo.
Tema chiaro e scuro
Adattalo al tuo sito con il parametro theme, oppure impostalo su auto e l'editor seguirà la preferenza di sistema di ogni visitatore.
Zero configurazione
Niente account, niente chiavi API, niente JavaScript da installare. Copia un tag iframe e l'editor funziona ovunque funzioni l'HTML.
Come funziona
1. Configura
Scegli linguaggio, tema e layout, poi incolla il codice iniziale che i tuoi lettori vedranno quando l'editor si carica.
2. Copia l'iframe
Il generatore crea un unico tag <iframe> con le tue impostazioni codificate nell'URL. Copialo.
3. Incollalo
Inserisci l'iframe nel tuo HTML, Markdown, CMS o pagina di documentazione. L'editor appare all'istante ed è subito pronto per l'esecuzione.
Parametri di personalizzazione
L'editor incorporato si configura interamente tramite la query string dell'URL dell'iframe. Il generatore qui sopra imposta questi parametri per te, ma puoi anche modificarli a mano.
| Parametro | Valori | Descrizione |
|---|---|---|
lang | python, javascript, sql, java, cpp, ... | Il linguaggio eseguito dall'editor. Il valore predefinito è python. |
theme | light, dark, auto | Tema cromatico. auto segue l'impostazione di sistema del visitatore. Il valore predefinito è auto. |
code | base64 string | Base64 sicuro per URL del codice iniziale mostrato al caricamento dell'editor. |
layout | side, stacked | Editor e output affiancati, oppure impilati in verticale. Il valore predefinito è side. |
stdin | base64 string | Input standard facoltativo passato al programma quando lo esegui. |
Domande frequenti
L'editor di codice da incorporare è gratuito?
Sì. L'editor da incorporare è completamente gratuito su qualsiasi sito. Ogni editor incorporato include un piccolo link "Powered by Coddy": ti chiediamo di lasciarlo, così altri possono scoprire l'editor. Quel link è l'unica cosa che chiediamo in cambio.
I miei lettori hanno bisogno di un account Coddy per eseguire codice?
No. Chiunque può modificare ed eseguire codice nell'editor incorporato senza accedere. Il codice viene eseguito sugli ambienti isolati di Coddy.
Quali linguaggi di programmazione sono supportati?
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL e altri: gli stessi linguaggi del playground di Coddy, un linguaggio per ogni editor incorporato.
Posso adattare l'editor al tema del mio sito?
Sì. Imposta il parametro theme su light o dark per forzare un tema, oppure su auto per seguire la preferenza di sistema di ogni visitatore.
L'editor incorporato funziona su qualsiasi sito?
Sì. È un normale iframe, quindi funziona in HTML semplice, Markdown, nella maggior parte dei CMS (WordPress, Ghost, Notion, ecc.) e negli strumenti di documentazione che consentono gli iframe.