带实时预览的免费在线编辑器：私密、支持 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

  XML，带元素树、XPath 搜索、格式检查，以及转换为 JSON 或 YAML。

  ● 已上线
• 

  CSV Editor

  csv.giit.ch

  以文本和类似电子表格的表格编辑 CSV，也适用于大文件；可导出为 XLSX、JSON、Markdown 或 HTML 表格。

  ● 已上线
• 

  SHLS Editor

  shls.giit.ch

  SHLS，面向 AI、节省 Token 的列表格式：键块和记录以树显示，问题标明所在行，与 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);

全部消息

完整说明（包括 Webhook 和每个字段）见各编辑器的 llms.txt 以及 llms-full.txt.