Gratis online editors met een live voorbeeld - privé, klaar voor AI, insluitbaar

Eén familie browsereditors voor de formaten die mensen elke dag schrijven. Links de code, rechts het resultaat, niets wordt geüpload. Elke AI kan er met een link in schrijven, en je kunt ze allemaal in je eigen website plaatsen.

Geen registratie, geen reclame
Je bestanden blijven in je browser
Elke AI kan erin schrijven
Sluit ze in je website in
In 14 talen

Bekijk de editors Een editor insluiten

De editors

Elke editor is gemaakt voor zijn formaat en werkt op dezelfde manier als de andere.

LaTeX Editor
latex.giit.ch

Schrijf LaTeX en zie de gezette pagina's terwijl je typt. Afbeeldingen, documentinstellingen, PDF-export.
● Online
SVG Editor
svg.giit.ch

SVG als code en op een canvas: vormen verplaatsen, vergroten en van kleur veranderen, uitlijnraster, exporteren naar PNG, JPG, WebP of React.
● Online
HTML Editor
html.giit.ch

HTML met een live voorbeeld van de pagina, afbeeldingen als bestanden, tekst direct in het voorbeeld bewerken, exporteren als één bestand of ZIP.
● Online
Markdown Editor
md.giit.ch

Markdown met tabellen, takenlijsten, voetnoten en formules, een leesbaar voorbeeld en export naar HTML of PDF.
● Online
JSON Editor
json.giit.ch

JSON en JSON Lines als code en als inklapbare boom: sleutels en waarden in de boom bewerken, controleren aan de hand van een JSON Schema, omzetten naar YAML, CSV of XML.
● Online
YAML Editor
yaml.giit.ch

YAML met dezelfde gegevensboom, commentaar en ankers blijven behouden, problemen met hun regel, omzetten naar JSON.
● Online
XML Editor
xml.giit.ch

XML met een elementenboom, zoeken met XPath, controle op welgevormdheid en omzetten naar JSON of YAML.
● Online
CSV Editor
csv.giit.ch

CSV als tekst en als tabel zoals in een spreadsheet, ook voor grote bestanden; export naar XLSX, JSON, Markdown- of HTML-tabellen.
● Online
SHLS Editor
shls.giit.ch

SHLS, het tokenzuinige lijstformaat voor AI: sleutelblokken en records als boom, problemen met hun regel, omzetten van en naar JSON precies zoals de referentiecodec.
● Online
Typst Editor
typst.giit.ch

Typst met de echte compiler in de browser: pagina's terwijl je typt, PDF met selecteerbare tekst, afbeeldingen bewaard bij het document.
● Online

Wat elke editor doet

Ken je er één, dan ken je ze allemaal.

Privé vanaf het ontwerp

De editors zijn statische pagina's. Je documenten blijven in je browser (lokale opslag); er wordt niets naar een server gestuurd, tenzij je zelf je eigen server instelt.

Mijn documenten

Bewaar zoveel documenten als je wilt in de browser: openen, hernoemen, dupliceren, downloaden en verwijderen, elk met een eigen geschiedenis voor ongedaan maken.

Elke AI kan met je meeschrijven

"AI-assistent" → "Prompt kopiëren" geeft ChatGPT, Claude, Gemini of Copilot alles wat ze nodig hebben. De AI antwoordt met een link die het resultaat in je editor opent - Ongedaan maken draait het terug.

Browseragents (WebMCP)

In browsers met WebMCP krijgen AI-agents tools om het geopende document direct te lezen en te wijzigen; elke wijziging is een stap voor ongedaan maken.

AI-status in één oogopslag

Een stip op de AI-knop toont of er een AI verbonden is: via je website, als browseragent of via links in dit tabblad.

Bewerken in het voorbeeld

Klik op tekst in het voorbeeld en wijzig hem daar; de code volgt. Klik ergens anders om naar de code te springen.

Opslaan op je eigen server

Een webhook stuurt elke opgeslagen versie naar een adres dat je kiest, met een token - automatisch of met Ctrl+S.

In 14 talen

Elke editor heeft een pagina in het Engels, Duits, Frans, Italiaans, Spaans, Portugees, Nederlands, Pools, Turks, Russisch, Oekraïens, Chinees, Japans en Koreaans - /de/, /fr/ … Het taalmenu wisselt, de keuze wordt onthouden. De AI-prompt blijft altijd in het Engels.

Licht, donker of automatisch

Elke editor volgt je systeem of het thema dat je kiest, en werkt op telefoons en tablets.

Een editor in je eigen website gebruiken

Alle editors spreken hetzelfde protocol. Vervang latex door svg, html, md, json, yaml, xml, csv of typst - de berichten zijn dezelfde, alleen hun voorvoegsel verandert (latexeditor:, svgeditor: …).

Zet de editor in je pagina

Een iframe is genoeg. ?embed=1 toont de beperkte weergave met een knop Opslaan, ?save=0 verbergt die als je pagina een eigen knop heeft. Het adres kiest de taal: /de/ voor Duits, /fr/ voor Frans, /nl/ voor Nederlands enzovoort.

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

Je document laden, wijzigingen en opslagen ontvangen

De editor meldt dat hij klaar is, je pagina stuurt het document, en de editor meldt echte bewerkingen en elke keer Opslaan. Controleer de origin van elk bericht.

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

Of open hem in een eigen venster

De volledige editor in een eigen venster praat op precies dezelfde manier met window.opener - en links van een AI bereiken hem daar.

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

Laat een AI direct aan je server leveren

Geef de editor je regels, een https-adres op je eigen site en één sleutel voor deze editorsessie. "Prompt kopiëren" vertelt de AI dan om het resultaat daarheen te POSTen; je pagina opent het in de editor. Houd de sleutel alleen geldig zolang de editor open is.

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

Alle berichten

Richting	Bericht	Wat het betekent
editor → pagina	`ready`	De editor kan een document ontvangen.
pagina → editor	`load {name, content, assets?, context?, hook?, ai?}`	Je document openen (met afbeeldingen, waar het formaat die heeft).
editor → pagina	`loaded {id, name}`	Je document is geopend; onthoud de id.
editor → pagina	`change {id, name, content}`	Een echte bewerking (niet het laden).
editor → pagina	`save {id, name, content, assets, updated}`	Opslaan / Ctrl+S, of het antwoord op get.
pagina → editor	`get · save`	Vraag de huidige toestand op · druk op Opslaan.
editor → pagina	`closing {id, name, content}`	Het eigen venster sluit met niet-opgeslagen wijzigingen.
editor → pagina	`reload {id, unsaved}`	F5 / Ctrl+R binnen je pagina - jij beslist.
pagina → editor	`ai {label, prompt, endpoint, key} · ai {clear}`	AI via je server, één sleutel per sessie.
editor → pagina	`key-request {reason: "missing"}`	De sessie heeft nog geen sleutel.

De volledige beschrijving, met de webhook en elk veld, staat in de llms.txt van elke editor en in llms-full.txt.

Vragen

Zijn de editors echt gratis?

Ja. Geen registratie, geen reclame, geen limiet op documenten.

Wordt mijn document ergens geüpload?

Nee. De editors draaien in je browser en bewaren documenten in de opslag ervan. Alleen als je een webhook instelt (of een website de editor insluit), gaat een opgeslagen versie naar die server.

Welke AI kan ik gebruiken?

Elke AI - ChatGPT, Claude, Gemini, Copilot of de AI in je programmeertool. Kopieer de prompt, zeg wat je wilt, en klik op de link waarmee de AI antwoordt.

Kan ik een editor op mijn eigen website gebruiken?

Ja. Sluit hem in met een iframe of open hem in een eigen venster en wissel documenten uit met postMessage, of laat hem opgeslagen versies met een webhook naar je server sturen.

Hoe krijg ik de editor in mijn taal?

Kies hem in het taalmenu bovenaan, of open de pagina direct: /nl/ voor Nederlands, /de/ voor Duits, /fr/ voor Frans enzovoort. De editor onthoudt het. De prompt voor de AI blijft Engels.

Wie maakt de editors?

Grünwald Innovation in Neuhausen am Rheinfall, Zwitserland.