Editores online gratuitos con vista previa en vivo: privados, listos para la IA, integrables

Los editores

Cada editor está hecho para su formato y funciona igual que los demás.

• 

  LaTeX Editor

  latex.giit.ch

  Escribe LaTeX y ve las páginas compuestas mientras escribes. Imágenes, ajustes del documento, exportación a PDF.

  ● Online
• 

  SVG Editor

  svg.giit.ch

  SVG como código y en un lienzo: mueve, cambia de tamaño y recolorea formas, cuadrícula con ajuste, exporta a PNG, JPG, WebP o React.

  ● Online
• 

  HTML Editor

  html.giit.ch

  HTML con vista previa en vivo de la página, imágenes como archivos, edita el texto directamente en la vista previa, exporta como un solo archivo o ZIP.

  ● Online
• 

  Markdown Editor

  md.giit.ch

  Markdown con tablas, listas de tareas, notas al pie y fórmulas, una vista previa legible y exportación a HTML o PDF.

  ● Online
• 

  JSON Editor

  json.giit.ch

  JSON y JSON Lines como código y como árbol plegable: edita claves y valores en el árbol, valida con un JSON Schema, convierte a YAML, CSV o XML.

  ● Online
• 

  YAML Editor

  yaml.giit.ch

  YAML con el mismo árbol de datos, conservando comentarios y anclas, problemas con su línea, conversión a JSON.

  ● Online
• 

  XML Editor

  xml.giit.ch

  XML con árbol de elementos, búsqueda XPath, comprobación de buena formación y conversión a JSON o YAML.

  ● Online
• 

  CSV Editor

  csv.giit.ch

  CSV como texto y como tabla al estilo de una hoja de cálculo, también para archivos grandes; exporta a XLSX, JSON, Markdown o tablas HTML.

  ● Online
• 

  SHLS Editor

  shls.giit.ch

  SHLS, el formato de listas eficiente en tokens para IA: bloques de claves y registros como árbol, problemas con su línea, conversión desde y hacia JSON exactamente como el códec de referencia.

  ● Online
• 

  Typst Editor

  typst.giit.ch

  Typst con el compilador real en el navegador: páginas mientras escribes, PDF con texto seleccionable, imágenes guardadas con el documento.

  ● Online

Lo que hace cada editor

Aprende uno y los conocerás todos.

Usa un editor en tu propio sitio web

Todos los editores hablan el mismo protocolo. Cambia latex por svg, html, md, json, yaml, xml, csv o typst: los mensajes son los mismos, solo cambia su prefijo (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);

Todos los mensajes

La descripción completa, con el webhook y cada campo, está en el llms.txt de cada editor y en llms-full.txt.