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.chScrivi LaTeX e vedi le pagine composte mentre scrivi. Immagini, impostazioni del documento, esportazione in PDF.
● Online -
SVG Editor
svg.giit.chSVG 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.chHTML 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.chMarkdown 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.chJSON 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.chYAML con lo stesso albero di dati, commenti e ancore mantenuti, problemi con la loro riga, conversione in JSON.
● Online -
XML Editor
xml.giit.chXML con un albero degli elementi, ricerca XPath, verifica della buona formazione e conversione in JSON o YAML.
● Online -
CSV Editor
csv.giit.chCSV 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.chSHLS, 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.chTypst 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
| Direzione | Messaggio | Cosa significa |
|---|---|---|
| editor → pagina | ready | L'editor può ricevere un documento. |
| pagina → editor | load {name, content, assets?, context?, hook?, ai?} | Apri il tuo documento (con le immagini, dove il formato le prevede). |
| editor → pagina | loaded {id, name} | Il tuo documento è aperto; ricorda il suo id. |
| editor → pagina | change {id, name, content} | Una modifica reale (non il caricamento). |
| editor → pagina | save {id, name, content, assets, updated} | Salva / Ctrl+S, o la risposta a get. |
| pagina → editor | get · save | Chiedi lo stato attuale · premi Salva. |
| editor → pagina | closing {id, name, content} | La finestra propria si chiude con modifiche non salvate. |
| editor → pagina | reload {id, unsaved} | F5 / Ctrl+R dentro la tua pagina - decidi tu. |
| pagina → editor | ai {label, prompt, endpoint, key} · ai {clear} | IA tramite il tuo server, una chiave per sessione. |
| editor → pagina | key-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.