giit Editors

Editor online gratuiti con anteprima dal vivo - privati, pronti per l'IA, integrabili

Una famiglia di editor nel browser per i formati che si scrivono ogni giorno. Il codice a sinistra, il risultato a destra, niente viene caricato. Qualsiasi IA può scriverci con un link, e puoi inserire ciascuno di essi nel tuo sito web.

  • Senza registrazione, senza pubblicità
  • I tuoi file restano nel tuo browser
  • Qualsiasi IA può scriverci
  • Integrabili nel tuo sito web
  • In 14 lingue

Gli editor

Ogni editor è fatto per il suo formato e funziona come gli altri.

  • LaTeX Editor

    latex.giit.ch

    Scrivi LaTeX e vedi le pagine composte mentre scrivi. Immagini, impostazioni del documento, esportazione in PDF.

    ● Online
  • SVG Editor

    svg.giit.ch

    SVG come codice e su una tela: sposta, ridimensiona e ricolora le forme, griglia con aggancio, esportazione in PNG, JPG, WebP o React.

    ● Online
  • HTML Editor

    html.giit.ch

    HTML con anteprima dal vivo della pagina, immagini come file, modifica il testo direttamente nell'anteprima, esportazione in un unico file o ZIP.

    ● Online
  • Markdown Editor

    md.giit.ch

    Markdown con tabelle, elenchi di compiti, note a piè di pagina e formule, un'anteprima leggibile ed esportazione in HTML o PDF.

    ● Online
  • JSON Editor

    json.giit.ch

    JSON e JSON Lines come codice e come albero comprimibile: modifica chiavi e valori nell'albero, verifica con uno JSON Schema, converti in YAML, CSV o XML.

    ● Online
  • YAML Editor

    yaml.giit.ch

    YAML con lo stesso albero di dati, commenti e ancore mantenuti, problemi con la loro riga, conversione in JSON.

    ● Online
  • XML Editor

    xml.giit.ch

    XML con un albero degli elementi, ricerca XPath, verifica della buona formazione e conversione in JSON o YAML.

    ● Online
  • CSV Editor

    csv.giit.ch

    CSV come testo e come tabella simile a un foglio di calcolo, anche per file grandi; esportazione in tabelle XLSX, JSON, Markdown o HTML.

    ● Online
  • SHLS Editor

    shls.giit.ch

    SHLS, il formato di elenchi efficiente in token per l'IA: blocchi di chiavi e record come albero, problemi con la loro riga, conversione da e verso JSON esattamente come il codec di riferimento.

    ● Online
  • Typst Editor

    typst.giit.ch

    Typst con il vero compilatore nel browser: pagine mentre scrivi, PDF con testo selezionabile, immagini salvate con il documento.

    ● Online

Cosa fa ogni editor

Imparane uno e li conosci tutti.

Privati per natura

Gli editor sono pagine statiche. I tuoi documenti restano nel tuo browser (memoria locale); niente viene inviato a un server, a meno che tu non ne configuri uno tuo.

I miei documenti

Conserva quanti documenti vuoi nel browser: aprili, rinominali, duplicali, scaricali ed eliminali, ciascuno con la sua cronologia di annullamento.

Qualsiasi IA può scrivere con te

«Assistente IA» → «Copia il prompt» dà a ChatGPT, Claude, Gemini o Copilot tutto ciò che serve. L'IA risponde con un link che apre il suo risultato nel tuo editor - Annulla lo ritira.

Agenti del browser (WebMCP)

Nei browser con WebMCP, gli agenti IA ricevono strumenti per leggere e modificare direttamente il documento aperto; ogni modifica è un passo di annullamento.

Lo stato dell'IA a colpo d'occhio

Un punto sul pulsante IA mostra se un'IA è connessa: tramite il tuo sito web, come agente del browser o con i link in questa scheda.

Modifica nell'anteprima

Fai clic su un testo nell'anteprima e modificalo lì; il codice segue. Fai clic altrove per saltare al codice.

Salva sul tuo server

Un webhook invia ogni versione salvata a un indirizzo che scegli tu, con un token - automaticamente o con Ctrl+S.

In 14 lingue

Ogni editor ha una pagina in inglese, tedesco, francese, italiano, spagnolo, portoghese, olandese, polacco, turco, russo, ucraino, cinese, giapponese e coreano - /de/, /fr/ … Il menu delle lingue cambia lingua, la scelta viene ricordata. Il prompt per l'IA resta sempre in inglese.

Chiaro, scuro o automatico

Ogni editor segue il tuo sistema o il tema che scegli, e funziona su telefoni e tablet.

Usare un editor nel tuo sito web

Tutti gli editor parlano lo stesso protocollo. Sostituisci latex con svg, html, md, json, yaml, xml, csv o typst - i messaggi sono gli stessi, cambia solo il loro prefisso (latexeditor:, svgeditor: …).

Inserisci l'editor nella tua pagina

Basta un iframe. ?embed=1 mostra la vista ridotta con un pulsante Salva, ?save=0 lo nasconde quando la tua pagina ha il suo. L'indirizzo sceglie la lingua: /de/ per il tedesco, /fr/ per il francese e così via.

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

Carica il tuo documento, ricevi modifiche e salvataggi

L'editor dice di essere pronto, la tua pagina invia il documento, e l'editor segnala le modifiche reali e ogni salvataggio. Controlla l'origine di ogni messaggio.

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);
});

Oppure aprilo in una finestra propria

L'editor completo in una finestra propria parla con window.opener esattamente allo stesso modo - e lì lo raggiungono i link di un'IA.

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

Fai consegnare all'IA direttamente al tuo server

Passa all'editor le tue regole, un indirizzo https sul tuo sito e una chiave per questa sessione dell'editor. «Copia il prompt» dice allora all'IA di inviare lì il suo risultato con un POST; la tua pagina lo apre nell'editor. Mantieni la chiave valida solo finché l'editor è aperto.

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);

Tutti i messaggi

DirezioneMessaggioCosa significa
editor → paginareadyL'editor può ricevere un documento.
pagina → editorload {name, content, assets?, context?, hook?, ai?}Apri il tuo documento (con le immagini, dove il formato le prevede).
editor → paginaloaded {id, name}Il tuo documento è aperto; ricorda il suo id.
editor → paginachange {id, name, content}Una modifica reale (non il caricamento).
editor → paginasave {id, name, content, assets, updated}Salva / Ctrl+S, o la risposta a get.
pagina → editorget · saveChiedi lo stato attuale · premi Salva.
editor → paginaclosing {id, name, content}La finestra propria si chiude con modifiche non salvate.
editor → paginareload {id, unsaved}F5 / Ctrl+R dentro la tua pagina - decidi tu.
pagina → editorai {label, prompt, endpoint, key} · ai {clear}IA tramite il tuo server, una chiave per sessione.
editor → paginakey-request {reason: "missing"}La sessione non ha ancora una chiave.

La descrizione completa, compresi il webhook e ogni campo, si trova nel llms.txt di ogni editor e in llms-full.txt.

Domande

Gli editor sono davvero gratuiti?

Sì. Senza registrazione, senza pubblicità, senza limiti di documenti.

Il mio documento viene caricato da qualche parte?

No. Gli editor funzionano nel tuo browser e conservano i documenti nella sua memoria. Solo se configuri un webhook (o un sito web integra l'editor) una versione salvata va a quel server.

Quale IA posso usare?

Qualsiasi IA - ChatGPT, Claude, Gemini, Copilot o l'IA del tuo strumento di programmazione. Copia il prompt, di' cosa vuoi e fai clic sul link con cui risponde l'IA.

Posso usare un editor sul mio sito web?

Sì. Integralo con un iframe o aprilo in una finestra propria e scambia documenti con postMessage, oppure lascia che invii le versioni salvate al tuo server con un webhook.

Come ottengo l'editor nella mia lingua?

Sceglila nel menu delle lingue in alto, oppure apri direttamente la sua pagina: /de/ per il tedesco, /fr/ per il francese, /ja/ per il giapponese e così via. L'editor se lo ricorda. Il prompt per l'IA resta in inglese.

Chi realizza gli editor?

Grünwald Innovation a Neuhausen am Rheinfall, Svizzera.