Edytor do osadzenia
Edytor kodu do osadzenia na stronie
Edytor kodu z uruchamianiem na żywo dla każdej strony internetowej: jeden iframe, zero konfiguracji.
Umieść prawdziwy edytor kodu z uruchamianiem na swoim blogu, w dokumentacji lub w tutorialu. Twoi czytelnicy piszą kod i widzą wynik bezpośrednio na Twojej stronie, a wszystko działa dzięki Coddy. Wybierz poniżej język i motyw, wklej kod startowy i skopiuj 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="Edytor kodu C++ od 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">Działa na <a href="https://coddy.tech/embed" target="_blank" rel="noopener" style="color:#0077ff;font-weight:600;text-decoration:none;">Coddy</a></figcaption></figure>Możesz go używać za darmo na dowolnej stronie. Zostaw tylko link „Działa na Coddy”, aby inni mogli znaleźć edytor. To wszystko, o co prosimy.
Dlaczego warto osadzić edytor Coddy
Uruchamia prawdziwy kod
Czytelnicy nie tylko oglądają fragment kodu: edytują go i klikają Uruchom, aby wykonać go w izolowanych środowiskach Coddy. Obsługiwane są wyjście programu, stdin i argumenty wiersza poleceń.
Ponad 15 języków
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL i inne: jeden edytor, jeden sposób osadzania.
Jasny i ciemny motyw
Dopasuj edytor do swojej strony za pomocą parametru theme albo ustaw go na auto, a edytor dostosuje się do ustawień systemowych każdego odwiedzającego.
Zero konfiguracji
Bez kont, bez kluczy API, bez JavaScriptu do instalowania. Skopiuj jeden tag iframe, a edytor zadziała wszędzie tam, gdzie działa HTML.
Jak to działa
1. Skonfiguruj
Wybierz język, motyw i układ, a potem wklej kod startowy, który czytelnicy zobaczą po załadowaniu edytora.
2. Skopiuj iframe
Kreator generuje jeden tag <iframe> z Twoimi ustawieniami zakodowanymi w adresie URL. Skopiuj go.
3. Wklej go
Umieść iframe w kodzie HTML, pliku Markdown, systemie CMS lub na stronie dokumentacji. Edytor wyświetla się od razu i jest gotowy do uruchamiania kodu.
Parametry konfiguracji
Osadzony edytor konfiguruje się w całości przez parametry zapytania w adresie URL iframe. Powyższy kreator ustawia je za Ciebie, ale możesz też edytować je ręcznie.
| Parametr | Wartości | Opis |
|---|---|---|
lang | python, javascript, sql, java, cpp, ... | Język, w którym edytor uruchamia kod. Domyślnie python. |
theme | light, dark, auto | Motyw kolorystyczny. Wartość auto dopasowuje motyw do ustawień systemowych odwiedzającego. Domyślnie auto. |
code | base64 string | Kod startowy wyświetlany po załadowaniu edytora, zakodowany w base64 bezpiecznym dla URL. |
layout | side, stacked | Edytor i wynik obok siebie lub jeden pod drugim. Domyślnie side. |
stdin | base64 string | Opcjonalne standardowe wejście przekazywane do programu po kliknięciu Uruchom. |
Najczęściej zadawane pytania
Czy edytor kodu do osadzenia na stronie jest darmowy?
Tak. Z edytora do osadzania możesz korzystać całkowicie za darmo na dowolnej stronie internetowej. Każdy osadzony edytor zawiera mały link "Powered by Coddy". Prosimy, nie usuwaj go, aby inni też mogli poznać edytor. To jedyne, o co prosimy w zamian.
Czy moi czytelnicy potrzebują konta Coddy, aby uruchamiać kod?
Nie. Każdy może edytować i uruchamiać kod w osadzonym edytorze bez logowania. Kod jest uruchamiany w izolowanych środowiskach Coddy.
Jakie języki programowania są obsługiwane?
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL i inne: te same języki co w edytorze online Coddy, jeden język na jeden osadzony edytor.
Czy mogę dopasować edytor do motywu mojej strony?
Tak. Ustaw parametr theme na light lub dark, aby wymusić motyw, albo na auto, aby motyw dopasowywał się do ustawień systemowych każdego odwiedzającego.
Czy osadzony edytor zadziała na każdej stronie?
Tak. To standardowy iframe, więc działa w zwykłym HTML, Markdownie, większości systemów CMS (WordPress, Ghost, Notion itp.) oraz w narzędziach do dokumentacji, które pozwalają osadzać iframe.