임베드 가능한 편집기

임베드 가능한 코드 에디터

모든 웹사이트를 위한 실행 가능한 라이브 코드 에디터 - iframe 하나, 설정 불필요.

실제로 실행되는 코드 에디터를 블로그, 문서, 튜토리얼에 추가하세요. 독자는 코드를 작성하고 그 결과를 페이지에서 바로 확인할 수 있습니다 - Coddy 제공. 아래에서 언어와 테마를 선택하고, 시작 코드를 붙여넣은 뒤 iframe을 복사하세요.

언어

테마

레이아웃

시작 코드

name = input()
age = int(input())
print(f"Hello, {name}! You are {age} years old.")

표준 입력 (stdin)

Alice
30

실시간 미리보기

이 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>

어떤 사이트에서나 무료로 사용할 수 있습니다. 다른 사람들도 에디터를 찾을 수 있도록 "Powered by Coddy" 링크를 남겨 주세요. 그게 전부입니다.

Coddy 에디터를 임베드해야 하는 이유

실제 코드를 실행

독자는 스니펫을 보기만 하지 않습니다 - 직접 편집하고 실행을 클릭하면 Coddy의 샌드박스 러너에서 출력, stdin, 명령줄 인수와 함께 실행됩니다.

15개 이상의 언어

Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL 등 - 하나의 에디터, 하나의 임베드 패턴.

라이트·다크 테마

theme 매개변수로 사이트에 맞추거나 auto로 설정하면 에디터가 각 방문자의 시스템 설정을 따릅니다.

설정 제로

계정도, API 키도, 설치할 JavaScript도 필요 없습니다. iframe 태그 하나를 복사하면 HTML이 작동하는 어디서나 에디터가 동작합니다.

작동 방식

1. 설정

언어, 테마, 레이아웃을 선택한 뒤 에디터가 로드될 때 독자에게 보일 시작 코드를 붙여넣습니다.

2. iframe 복사

빌더가 설정이 URL에 인코딩된 하나의 <iframe> 태그를 생성합니다. 그것을 복사하세요.

3. 붙여넣기

iframe을 HTML, Markdown, CMS 또는 문서 페이지에 넣으세요. 에디터가 즉시 렌더링되어 바로 실행할 수 있습니다.

사용자 지정 매개변수

임베드는 전적으로 iframe URL의 쿼리 문자열로 설정됩니다. 위의 빌더가 이를 자동으로 설정해 주지만 직접 수정할 수도 있습니다.

매개변수	값	설명
`lang`	`python, javascript, sql, java, cpp, ...`	에디터가 실행하는 언어. 기본값은 python.
`theme`	`light, dark, auto`	색상 테마. auto는 방문자의 시스템 설정을 따릅니다. 기본값은 auto.
`code`	`base64 string`	에디터가 로드될 때 표시되는 시작 코드의 URL 안전 base64.
`layout`	`side, stacked`	에디터와 출력을 나란히 배치하거나 세로로 쌓습니다. 기본값은 side.
`stdin`	`base64 string`	실행 시 프로그램에 전달되는 선택적 표준 입력.

자주 묻는 질문

임베드 가능한 코드 에디터는 무료인가요?

네. 임베드 에디터는 어떤 웹사이트에서도 완전히 무료로 사용할 수 있습니다. 각 임베드에는 작은 "Powered by Coddy" 링크가 포함됩니다. 다른 사람들도 에디터를 발견할 수 있도록 이 링크를 남겨 주세요. 그 대가로 부탁드리는 것은 이 링크 하나뿐입니다.

독자가 코드를 실행하려면 Coddy 계정이 필요한가요?

아니요. 누구나 로그인 없이 임베드된 에디터에서 코드를 편집하고 실행할 수 있습니다. 코드는 Coddy의 샌드박스 러너에서 실행됩니다.

어떤 프로그래밍 언어가 지원되나요?

Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL 등 - Coddy playground와 동일한 언어이며, 임베드당 한 가지 언어입니다.

에디터를 내 사이트 테마에 맞출 수 있나요?

네. theme 매개변수를 light 또는 dark로 설정하면 테마를 고정할 수 있고, auto로 설정하면 각 방문자의 시스템 설정을 따릅니다.

임베드가 모든 웹사이트에서 작동하나요?

네. 표준 iframe이므로 일반 HTML, Markdown, 대부분의 CMS(WordPress, Ghost, Notion 등), 그리고 iframe을 허용하는 문서 도구에서 작동합니다.