Editores online grátis com visualização ao vivo - privados, prontos para IA, incorporáveis

Os editores

Cada editor é feito para o seu formato e funciona do mesmo jeito que os outros.

• 

  LaTeX Editor

  latex.giit.ch

  Escreva LaTeX e veja as páginas diagramadas enquanto digita. Imagens, configurações do documento, exportação para PDF.

  ● Online
• 

  SVG Editor

  svg.giit.ch

  SVG como código e numa tela: mova, redimensione e mude a cor das formas, grade com encaixe, exportação para PNG, JPG, WebP ou React.

  ● Online
• 

  HTML Editor

  html.giit.ch

  HTML com visualização ao vivo da página, imagens como arquivos, edição do texto direto na visualização, exportação como um arquivo ou ZIP.

  ● Online
• 

  Markdown Editor

  md.giit.ch

  Markdown com tabelas, listas de tarefas, notas de rodapé e fórmulas, uma visualização legível e exportação para HTML ou PDF.

  ● Online
• 

  JSON Editor

  json.giit.ch

  JSON e JSON Lines como código e como árvore recolhível: edite chaves e valores na árvore, valide com um JSON Schema, converta para YAML, CSV ou XML.

  ● Online
• 

  YAML Editor

  yaml.giit.ch

  YAML com a mesma árvore de dados, comentários e âncoras mantidos, problemas com a linha, conversão para JSON.

  ● Online
• 

  XML Editor

  xml.giit.ch

  XML com árvore de elementos, busca XPath, verificação de boa formação e conversão para JSON ou YAML.

  ● Online
• 

  CSV Editor

  csv.giit.ch

  CSV como texto e como tabela no estilo planilha, também para arquivos grandes; exportação para XLSX, JSON e tabelas Markdown ou HTML.

  ● Online
• 

  SHLS Editor

  shls.giit.ch

  SHLS, o formato de listas econômico em tokens para IA: blocos de chaves e registros em árvore, problemas com a linha, conversão de e para JSON exatamente como o codec de referência.

  ● Online
• 

  Typst Editor

  typst.giit.ch

  Typst com o compilador de verdade no navegador: páginas enquanto você digita, PDF com texto selecionável, imagens guardadas com o documento.

  ● Online

O que todo editor faz

Aprenda um e você conhece todos.

Use um editor no seu próprio site

Todos os editores falam o mesmo protocolo. Troque latex por svg, html, md, json, yaml, xml, csv ou typst - as mensagens são as mesmas, só o prefixo muda (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);

Todas as mensagens

A descrição completa, incluindo o webhook e todos os campos, está no llms.txt de cada editor e em llms-full.txt.