TOML 편집기 온라인
코드

내보내기

내 문서

문서를 클릭하면 열립니다. 문서는 이 브라우저에만 저장되며 아무것도 업로드되지 않습니다. 브라우저의 사이트 데이터를 지우면 함께 삭제되므로 보관할 문서는 다운로드하세요.

AI 도우미

어떤 AI든 함께 작업할 수 있습니다 - ChatGPT, Claude, Gemini, Copilot.

  1. 프롬프트 복사를 클릭하세요.
  2. AI에 붙여 넣고 무엇을 바꿀지 말해 주세요.
AI가 할 일

문서는 링크의 “#” 뒤에 담겨 전달되며, 이 부분은 어떤 서버도 보지 못합니다. AI에 붙여 넣은 내용은 해당 AI 제공자가 처리합니다.

내 서버에 저장

편집기는 저장한 각 버전을 내 서버(웹훅)로 보낼 수 있어, 작업을 원하는 곳에 보관할 수 있습니다. 여기에 주소를 입력하기 전에는 아무것도 보내지 않습니다.

서버가 받는 내용

JSON이 담긴 POST 요청 (서버가 https://toml.giit.ch의 CORS를 허용해야 합니다). content는 문자열로 된 문서입니다:

{ "editor": "toml", "event": "save", "id": "…", "name": "Settings",
  "content": "debug = false\nport = 8080\n",
  "updated": "2026-01-15T09:30:00.000Z" }
편집기를 웹사이트에 삽입 
<iframe src="https://toml.giit.ch/?embed=1" style="width:100%;height:80vh;border:0"></iframe>
<script>
const frame = document.querySelector('iframe');
addEventListener('message', e => {
  if (e.origin !== 'https://toml.giit.ch' || e.source !== frame.contentWindow) return;
  if (e.data.type === 'tomleditor:ready')
    frame.contentWindow.postMessage({ type: 'tomleditor:load', name: 'Settings',
      content: settingsToml }, 'https://toml.giit.ch');
  if (e.data.type === 'tomleditor:save') saveOnYourServer(e.data.content);
});
</script>

이것도 가능합니다: ?src=<URL of a .toml file>는 파일을 열고, &webhook=<URL>은 이 문서를 그곳에 저장합니다. 편집기를 별도의 창(?embed=window)으로 열 수도 있고, 페이지가 자체 AI 프롬프트와 세션 키를 넘겨 AI가 결과를 내 서버로 보내게 할 수도 있습니다(tomleditor:ai, tomleditor:key-request). 편집기 아래의 "내 웹사이트에서 편집기 사용하기"를 보세요. 자세한 내용은 llms.txt에 있습니다.

도움말

사용 방법

  1. 왼쪽에 TOML을 쓰거나 새로 만들기와 템플릿 하나로 시작하세요. 가운데 트리는 입력하는 동안 데이터를 보여 줍니다. 테이블과 배열은 접을 수 있고, 모든 값에 형식이 표시되며, {3}과 [5]는 항목 수를 세고, 여러 곳에 쓰인 테이블은 항목 하나입니다.
  2. 트리에서 키나 값을 클릭하면 그 자리에서 바꿀 수 있습니다. Enter나 다른 곳 클릭은 변경을 코드의 정확히 그 위치에 씁니다. 주석과 서식은 유지됩니다(실행 취소 한 번). Escape는 취소합니다. 트리 위의 버튼으로 항목을 추가, 복제, 이동, 삭제하고 값의 유형을 바꿉니다.
  3. 트리에서 클릭하면 코드 커서가 그 값으로 이동하고, 코드의 커서는 트리에서 그 값을 표시합니다. 선택한 값의 경로($.items[3].name)는 트리 아래에 있습니다. 날짜와 시간에는 종류가 표시됩니다.
  4. 문제(두 번 정의된 키나 테이블, 따옴표 없는 값, 잘못된 숫자나 날짜, 스키마에 맞지 않는 것)는 줄과 열과 함께 코드 위에 표시됩니다. 하나를 클릭하면 그곳으로 이동합니다.
  5. 오른쪽의 값은 선택한 키와 값을 보여 줍니다. 삽입은 항목과 코드 조각을 추가하고, 변환은 문서 서식을 정리하거나 JSON, YAML, CSV, XML로 변환하며, 스키마는 내 문서 중 JSON Schema로 문서를 검사합니다.
  6. 내 문서(왼쪽 위의 폴더 버튼)는 이 브라우저에 보관된 모든 문서를 보여 줍니다. 내보내기는 TOML, JSON, YAML, CSV, 텍스트로 저장합니다.
  7. 내보내기에는 다른 편집기에서 열기도 있습니다. 문서를 변환해 그곳에서 새 문서로 엽니다. 다른 형식에 담을 수 없는 내용은 먼저 표시됩니다.

단축키

↑ ↓ ← →
트리에서: 위아래 이동, 접기와 펼치기
Enter
트리에서: 값 변경 (F2: 키)
삭제
트리에서: 항목 삭제
Alt + ↑ / ↓
트리에서: 항목을 위로 / 아래로 이동
Ctrl + F
트리에서 키와 값 검색
Ctrl + Shift + F
문서 서식 정리
Tab / Shift + Tab
코드 들여쓰기 늘리기 / 줄이기
Ctrl + /
줄 주석 처리 / 해제 (#)
Ctrl + Z / Y
실행 취소 / 다시 실행
Ctrl + S / E
저장 (다운로드 또는 내 서버로) / 내보내기
Ctrl + O
내 문서

Enter는 줄의 들여쓰기를 유지하고, [나 { 뒤에서는 한 단계 들여씁니다. 따옴표와 괄호는 선택 영역을 감싸며 자동으로 닫힙니다.

온라인에서 TOML 편집하기, 코드와 트리로

TOML 편집기는 TOML 코드와 데이터 트리를 나란히 보여 줍니다: pyproject.toml, Cargo.toml, Hugo, Netlify 또는 내 앱의 설정. 테이블과 배열을 접고, 모든 값의 형식과 항목 수를 보고, 키와 값을 트리에서 바로 바꾸세요. 변경은 코드의 바로 그 자리에 들어가고, 주석과 서식은 그대로 남습니다. 오류는 줄과 열과 함께 표시되며(두 번 정의된 키부터 존재하지 않는 날짜까지), 데이터는 JSON Schema로 검사하고 JSON, YAML, CSV, XML로 변환할 수 있습니다.

모든 것이 브라우저에서 실행됩니다. 문서는 저희 서버가 아니라 브라우저에 보관되며, 가입도 광고도 없습니다.

편집기로 할 수 있는 것

코드와 트리

왼쪽에는 강조 표시된 TOML 1.0, 가운데에는 접을 수 있는 트리. 트리에서 클릭하면 코드로 이동하고, 코드의 커서는 트리에서 그 값을 표시합니다.

트리에서 편집, 주석은 유지

키와 값 변경, 항목 추가, 복제, 이동, 삭제, 유형 변경 - 모두 코드의 작은 편집이므로 주석과 빈 줄은 제자리에 남습니다.

찾을 수 있는 오류

두 번 정의된 키와 테이블, 따옴표 없는 텍스트, 0으로 시작하는 숫자, 존재하지 않는 날짜, JSON Schema에 맞지 않는 값을 각각 줄과 열과 함께 보여 줍니다.

여러 곳에 있는 테이블

[server] 같은 테이블, [[servers]] 같은 테이블 배열, server.port 같은 점 표기 키, { x = 1 } 같은 인라인 테이블이 하나의 트리가 됩니다. 키 이름을 바꾸면 그 키를 가리키는 모든 헤더에서 바뀝니다.

변환

하나의 레이아웃으로 정리하거나 JSON, YAML, CSV(테이블 배열은 표가 됩니다), XML로 변환합니다. JSON, YAML, CSV, XML 파일은 TOML로 열립니다.

많은 문서

문서를 몇 개든 각자의 실행 취소 기록과 함께 브라우저에 보관하고, 모두 ZIP으로 다운로드하세요.

사용 방법

  1. 시작 - “새로 만들기”에서 템플릿(pyproject.toml, Cargo.toml, Hugo 사이트, Netlify)을 고르거나 .toml 파일을 열거나 TOML을 붙여 넣으세요.
  2. 편집 - 코드나 트리에서. 둘은 항상 같은 데이터를 보여 줍니다.
  3. 검사하고 내보내기 - 표시된 문제를 고치고 스키마를 고른 뒤 TOML, JSON, YAML, CSV 또는 텍스트로 내려받으세요.

내 웹사이트에서 편집기 사용하기

iframe이나 별도 창으로 편집기를 내 웹사이트에 넣을 수 있습니다. 내 페이지가 문서를 넘겨주고, 모든 변경과 저장을 돌려받으며, AI가 결과를 내 서버로 보내게 할 수도 있습니다. 가입도 키도 필요 없습니다.

편집기를 내 웹사이트에 삽입하기 →

자주 묻는 질문

내 데이터가 업로드되나요?

아니요. 편집기는 브라우저에서 실행되며 문서를 저희 서버가 아닌 브라우저에 보관합니다. 문서가 서버로 가는 경우는 직접 내 서버로 웹훅을 설정했거나, 편집기를 삽입한 웹사이트가 자기 서버에 저장하거나, 다른 웹사이트가 양식(post.php)으로 여기서 문서를 열 때뿐입니다. 이때 저희 서버는 저장하지 않고 곧바로 브라우저로 넘겨 줍니다. 여느 웹사이트처럼 서버는 방문할 때마다 기록을 남기며, 페이지 조회 수는 익명으로 집계합니다. 자세한 내용은 개인정보 처리방침을 참고하세요.

트리에서 편집하면 주석이 유지되나요?

네. 트리에서의 변경은 코드의 정확히 그 위치에 쓰이며, 주석, 빈 줄, 나머지 서식은 그대로 남습니다. 실행 취소로 모든 변경을 되돌릴 수 있습니다.

어떤 TOML을 읽나요?

TOML 1.0입니다: 테이블, 테이블 배열, 점 표기 키, 인라인 테이블, 네 가지 문자열, 10진·16진·8진·2진 정수, inf와 nan을 포함한 부동소수점 수, 날짜와 시간. Python의 tomllib가 받아들이는 것을 받아들이고, 나머지는 모두 줄과 열과 함께 알려 줍니다(두 번 정의된 키나 테이블, 0으로 시작하는 숫자, 존재하지 않는 날짜 등).

여러 곳에 쓰인 테이블은요?

트리는 그 테이블을 모든 키와 함께 한 번만 보여 줍니다. 이름을 바꾸면 그 테이블을 가리키는 모든 헤더와 점 표기 키가 바뀝니다. 제자리에서 할 수 없는 변경(예: 파일에 흩어진 테이블 옮기기)은 파일을 다시 쓰는 대신 메시지와 함께 거절됩니다.

TOML을 JSON, YAML, CSV, XML로 변환할 수 있나요?

네, 변환 탭이나 내보내기에서 할 수 있으며, 날짜와 시간은 텍스트가 됩니다. 여는 JSON, YAML, CSV, XML 파일은 TOML로 변환됩니다. TOML에는 null이 없으므로 빈 값은 안내와 함께 빠집니다.

내 문서는 어디에 저장되나요?

브라우저에만 저장됩니다. 왼쪽 위의 폴더 버튼(내 문서)을 클릭해 열기, 이름 바꾸기, 복제, 다운로드, 삭제를 할 수 있습니다. 브라우저의 사이트 데이터를 지우면 함께 삭제되므로 보관할 문서는 다운로드하거나, 편집기가 내 서버로 보내게 하세요("서버에 저장").

AI가 TOML 편집기에서 쓸 수 있나요?

네, 어떤 AI든 됩니다 - ChatGPT, Claude, Gemini, Copilot 또는 코딩 도구의 AI. "AI 도우미", 이어서 "프롬프트 복사"를 클릭하고 AI에 붙여 넣은 뒤 무엇을 바꿀지 말해 주세요. AI가 링크로 답하면 클릭하세요. 데이터가 편집기에 나타납니다. "실행 취소"로 모든 변경을 되돌릴 수 있습니다.

TOML 편집기는 유료인가요?

아니요. 편집기는 무료이며 광고도 가입도 없습니다.