실시간 미리 보기가 있는 무료 온라인 편집기 - 개인정보 보호, AI 지원, 삽입 가능

편집기

각 편집기는 자기 형식에 맞게 만들어졌고, 다른 편집기와 같은 방식으로 작동합니다.

• 

  LaTeX Editor

  latex.giit.ch

  LaTeX를 쓰면서 조판된 페이지를 바로 보세요. 그림, 문서 설정, PDF 내보내기.

  ● 온라인
• 

  SVG Editor

  svg.giit.ch

  코드와 캔버스로 다루는 SVG: 도형 이동, 크기 조절, 색 변경, 맞춤 격자, PNG, JPG, WebP, React로 내보내기.

  ● 온라인
• 

  HTML Editor

  html.giit.ch

  페이지의 실시간 미리 보기가 있는 HTML, 파일로 다루는 그림, 미리 보기에서 바로 텍스트 편집, 파일 하나나 ZIP으로 내보내기.

  ● 온라인
• 

  Markdown Editor

  md.giit.ch

  표, 작업 목록, 각주, 수식을 지원하는 Markdown, 읽기 쉬운 미리 보기, HTML이나 PDF로 내보내기.

  ● 온라인
• 

  JSON Editor

  json.giit.ch

  코드와 접을 수 있는 트리로 다루는 JSON과 JSON Lines: 트리에서 키와 값 편집, JSON Schema로 검사, YAML, CSV, XML로 변환.

  ● 온라인
• 

  YAML Editor

  yaml.giit.ch

  같은 데이터 트리로 다루는 YAML, 주석과 앵커 유지, 줄 번호가 붙은 문제 표시, JSON으로 변환.

  ● 온라인
• 

  XML Editor

  xml.giit.ch

  요소 트리, XPath 검색, 형식 검사, JSON이나 YAML로의 변환을 갖춘 XML.

  ● 온라인
• 

  CSV Editor

  csv.giit.ch

  텍스트와 스프레드시트 같은 표로 다루는 CSV, 큰 파일도 가능, XLSX, JSON, Markdown, HTML 표로 내보내기.

  ● 온라인
• 

  SHLS Editor

  shls.giit.ch

  AI를 위한 토큰 효율적 목록 형식 SHLS: 키 블록과 레코드를 트리로, 줄 번호가 붙은 문제 표시, 참조 코덱과 똑같은 JSON 상호 변환.

  ● 온라인
• 

  Typst Editor

  typst.giit.ch

  브라우저에서 실제 컴파일러로 돌리는 Typst: 입력하는 동안 페이지 표시, 선택할 수 있는 텍스트의 PDF, 문서와 함께 저장되는 그림.

  ● 온라인

모든 편집기가 하는 일

하나를 익히면 모두 쓸 수 있습니다.

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

모든 편집기는 같은 프로토콜을 씁니다. latex를 svg, html, md, json, yaml, xml, csv 또는 typst로 바꾸세요 - 메시지는 같고 접두사(latexeditor:, svgeditor: …)만 바뀝니다.

<iframe id="ed" src="https://latex.giit.ch/de/?embed=1"
        allow="clipboard-write" style="width:100%;height:80vh;border:0"></iframe>

const ED = 'https://latex.giit.ch', ed = document.getElementById('ed');
addEventListener('message', e => {
  if (e.origin !== ED || e.source !== ed.contentWindow) return;
  const m = e.data;
  if (m.type === 'latexeditor:ready')
    ed.contentWindow.postMessage({ type: 'latexeditor:load', name: 'Offer', content: myText }, ED);
  if (m.type === 'latexeditor:change') markUnsaved();
  if (m.type === 'latexeditor:save') saveOnYourServer(m.content, m.assets);
});

const win = window.open('https://latex.giit.ch/de/?embed=window', 'latexeditor-17');

ed.contentWindow.postMessage({ type: 'latexeditor:load', name: 'Offer', content: myText,
  ai: { label: 'My Admin', prompt: 'Keep the placeholders.',
        endpoint: 'https://your-site.com/api/ai-result', key: sessionKey } }, ED);

모든 메시지

웹훅과 모든 필드를 포함한 전체 설명은 각 편집기의 llms.txt와 다음에 있습니다: llms-full.txt.