TOML-Editor online

Code

Export

Meine Dokumente

Klicke auf ein Dokument, um es zu öffnen. Die Dokumente sind nur in diesem Browser gespeichert - nichts wird hochgeladen. Wenn du die Website-Daten des Browsers löschst, sind sie weg: Lade also die herunter, die du behalten willst.

KI-Assistent

Jede KI kann mit dir arbeiten - ChatGPT, Claude, Gemini, Copilot.

  1. Klicke auf Prompt kopieren.
  2. Füge ihn in deine KI ein und sag, was sie ändern soll.
Die KI soll

Das Dokument reist im Link nach dem «#», den kein Server sieht. Was du in deine KI einfügst, verarbeitet ihr Anbieter.

Auf deinem Server speichern

Der Editor kann jede gespeicherte Fassung an deinen eigenen Server senden (einen Webhook), damit deine Arbeit dort liegt, wo du sie haben willst. Gesendet wird erst, wenn du hier eine Adresse eingibst.

Was dein Server erhält

Eine POST-Anfrage mit JSON (dein Server muss CORS von https://toml.giit.ch erlauben); content ist das Dokument als Text:

{ "editor": "toml", "event": "save", "id": "…", "name": "Settings",
  "content": "debug = false\nport = 8080\n",
  "updated": "2026-01-15T09:30:00.000Z" }
Den Editor in deine Website einbetten
<iframe src="https://toml.giit.ch/?embed=1" style="width:100%;height:80vh;border:0"></iframe>
<script>
const frame = document.querySelector('iframe');
addEventListener('message', e => {
  if (e.origin !== 'https://toml.giit.ch' || e.source !== frame.contentWindow) return;
  if (e.data.type === 'tomleditor:ready')
    frame.contentWindow.postMessage({ type: 'tomleditor:load', name: 'Settings',
      content: settingsToml }, 'https://toml.giit.ch');
  if (e.data.type === 'tomleditor:save') saveOnYourServer(e.data.content);
});
</script>

Auch möglich: ?src=<URL einer .toml-Datei> öffnet eine Datei, &webhook=<URL> speichert dieses Dokument dort. Der Editor kann sich auch in einem eigenen Fenster öffnen (?embed=window), und deine Seite kann ihm einen eigenen KI-Prompt und einen Sitzungsschlüssel übergeben, damit die KI ihr Ergebnis an deinen Server schickt (tomleditor:ai, tomleditor:key-request) - siehe «Use the editor on your own website» unter dem Editor (auf Englisch). Die Einzelheiten stehen in llms.txt.

Hilfe

So funktioniert es

  1. Schreibe TOML links - oder beginne mit Neu und einer der Vorlagen. Der Baum in der Mitte zeigt die Daten, während du tippst: Tabellen und Arrays lassen sich zuklappen, jeder Wert zeigt seinen Typ, {3} und [5] zählen die Einträge, und eine Tabelle, die an mehreren Stellen steht, ist ein Eintrag.
  2. Klicke im Baum auf einen Schlüssel oder Wert, um ihn direkt dort zu ändern. Enter oder ein Klick anderswo schreibt die Änderung genau an dieser Stelle in den Code - Kommentare und Formatierung bleiben (ein Schritt für Rückgängig), Esc bricht ab. Die Knöpfe über dem Baum fügen Einträge hinzu, duplizieren, verschieben und entfernen sie und ändern den Typ eines Werts.
  3. Ein Klick im Baum setzt den Cursor im Code auf diesen Wert; der Cursor im Code markiert seinen Wert im Baum. Der Pfad des gewählten Werts ($.items[3].name) steht unter dem Baum. Daten und Zeiten sind mit ihrer Art markiert.
  4. Probleme (ein Schlüssel oder eine Tabelle doppelt definiert, ein Wert ohne Anführungszeichen, eine ungültige Zahl oder ein ungültiges Datum, was nicht zum Schema passt) stehen mit Zeile und Spalte über dem Code - klicke eines an, um dorthin zu springen.
  5. Wert rechts zeigt den gewählten Schlüssel und Wert; Einfügen fügt Einträge und Code-Stücke hinzu; Umwandeln formatiert das Dokument oder wandelt es in JSON, YAML, CSV oder XML um; Prüfschema prüft es mit einem JSON Schema aus deinen Dokumenten.
  6. Meine Dokumente (der Ordnerknopf oben links) listet jedes Dokument auf, das in diesem Browser liegt. Exportieren speichert es als TOML, JSON, YAML, CSV oder Text.
  7. Export bietet auch In einem anderen Editor öffnen: Das Dokument wird umgewandelt und dort als neues Dokument geöffnet. Was das andere Format nicht aufnehmen kann, wird vorher aufgelistet.

Tastenkürzel

↑ ↓ ← →
Im Baum: nach oben und unten gehen, zu- und aufklappen
Enter
Im Baum: den Wert ändern (F2: den Schlüssel)
Löschen
Im Baum: den Eintrag entfernen
Alt-Taste + ↑ / ↓
Im Baum: den Eintrag nach oben / unten schieben
Ctrl + F
Schlüssel und Werte im Baum suchen
Ctrl + Shift + F
Das Dokument formatieren
Tab / Shift + Tab
Im Code ein- / ausrücken
Ctrl + /
Zeilen aus- oder einkommentieren (#)
Ctrl + Z / Y
Rückgängig / wiederholen
Ctrl + S / E
Speichern (herunterladen oder auf deinen Server) / exportieren
Ctrl + O
Meine Dokumente

Enter behält die Einrückung der Zeile, und nach [ oder { rückt es eine Stufe ein. Anführungszeichen und Klammern schliessen sich um eine Auswahl von selbst.

TOML online bearbeiten, als Code und als Baum

Der TOML-Editor zeigt deinen TOML-Code und die Daten als Baum nebeneinander: pyproject.toml, Cargo.toml, die Einstellungen von Hugo, Netlify oder deiner eigenen App. Klappe Tabellen und Arrays auf und zu, sieh Typ und Anzahl Einträge jedes Werts und ändere Schlüssel und Werte direkt im Baum - die Änderung kommt genau an dieser Stelle in den Code, und deine Kommentare und Formatierung bleiben. Fehler werden mit Zeile und Spalte aufgelistet, von einem doppelt definierten Schlüssel bis zu einem Datum, das es nicht gibt, und die Daten lassen sich gegen ein JSON Schema prüfen und in JSON, YAML, CSV oder XML umwandeln.

Alles läuft in deinem Browser. Deine Dokumente werden dort gespeichert, nicht auf unserem Server, und es gibt keine Anmeldung und keine Werbung.

Was der Editor kann

Code und Baum

Hervorgehobenes TOML 1.0 links, der aufklappbare Baum in der Mitte. Ein Klick in den Baum springt zum Code, der Cursor im Code markiert seinen Wert im Baum.

Im Baum bearbeiten, Kommentare behalten

Schlüssel und Werte ändern, Einträge hinzufügen, duplizieren, verschieben und entfernen, einen Typ ändern - jeweils als kleine Änderung des Codes, so bleiben Kommentare und Leerzeilen, wo sie sind.

Fehler, die du findest

Doppelt definierte Schlüssel und Tabellen, Text ohne Anführungszeichen, Zahlen mit führender Null, Daten, die es nicht gibt, und Werte, die nicht zu deinem JSON Schema passen, jeweils mit Zeile und Spalte.

Tabellen an vielen Stellen

Tabellen wie [server], Arrays von Tabellen wie [[servers]], punktierte Schlüssel wie server.port und Inline-Tabellen wie { x = 1 } ergeben einen Baum. Ein umbenannter Schlüssel ändert sich in jedem Kopf, der ihn nennt.

Umwandeln

Mit einheitlichem Layout formatieren, oder in JSON, YAML, CSV (ein Array von Tabellen ist eine Tabelle) und XML umwandeln. JSON-, YAML-, CSV- und XML-Dateien öffnen sich als TOML.

Viele Dokumente

Behalte beliebig viele Dokumente in deinem Browser, jedes mit eigenem Rückgängig-Verlauf, und lade sie alle als ZIP herunter.

So funktioniert es

  1. Starten - wähle unter «Neu» eine Vorlage (pyproject.toml, Cargo.toml, eine Hugo-Website, Netlify), öffne eine .toml-Datei oder füge TOML ein.
  2. Bearbeiten - im Code oder im Baum; beide zeigen immer dieselben Daten.
  3. Prüfen und exportieren - behebe die aufgelisteten Probleme, wähle ein Schema und lade TOML, JSON, YAML, CSV oder Text herunter.

Den Editor auf deiner eigenen Website nutzen

Setze den Editor mit einem iframe oder in einem eigenen Fenster in deine eigene Website. Deine Seite übergibt ihm das Dokument, erhält jede Änderung und jedes Speichern zurück und kann eine KI ihre Ergebnisse an deinen Server senden lassen. Ohne Anmeldung, ohne Schlüssel.

Den Editor in deine Website einbinden →

Häufige Fragen

Werden meine Daten hochgeladen?

Nein. Der Editor läuft in deinem Browser und speichert deine Dokumente dort, nicht auf unserem Server. An einen Server geht ein Dokument nur, wenn du einen Webhook zu deinem eigenen Server einrichtest, wenn eine Website, die den Editor einbindet, es auf ihrem eigenen Server speichert, oder wenn eine andere Website es per Formular hier öffnet (post.php) - unser Server gibt es dann direkt an deinen Browser weiter, ohne es zu speichern. Wie bei jeder Website protokolliert der Server jeden Aufruf, und wir zählen Seitenaufrufe anonym - siehe Datenschutzerklärung.

Bleiben meine Kommentare erhalten, wenn ich im Baum bearbeite?

Ja. Eine Änderung im Baum wird genau an dieser Stelle in den Code geschrieben; Kommentare, Leerzeilen und die übrige Formatierung bleiben, wie sie sind. «Rückgängig» nimmt jede Änderung zurück.

Welches TOML liest der Editor?

TOML 1.0: Tabellen, Arrays von Tabellen, punktierte Schlüssel, Inline-Tabellen, die vier Arten von Texten, Ganzzahlen dezimal, hexadezimal, oktal und binär, Gleitkommazahlen mit inf und nan sowie Daten und Zeiten. Er akzeptiert, was Pythons tomllib akzeptiert, und meldet alles andere mit Zeile und Spalte - einen doppelt definierten Schlüssel oder eine doppelte Tabelle, eine Zahl mit führender Null, ein Datum, das es nicht gibt.

Was ist mit einer Tabelle, die an mehreren Stellen steht?

Der Baum zeigt sie einmal, mit all ihren Schlüsseln. Benennst du sie um, ändern sich alle Köpfe und punktierten Schlüssel, die sie nennen. Eine Änderung, die sich nicht an Ort und Stelle machen lässt - zum Beispiel eine über die Datei verteilte Tabelle verschieben -, wird mit einer Meldung abgelehnt, statt deine Datei neu zu schreiben.

Kann er TOML in JSON, YAML, CSV oder XML umwandeln?

Ja, im Tab Umwandeln oder unter «Exportieren»; Daten und Zeiten werden zu Text. JSON-, YAML-, CSV- und XML-Dateien, die du öffnest, werden in TOML umgewandelt. TOML kennt kein null, darum werden leere Werte weggelassen, mit einem Hinweis.

Wo werden meine Dokumente gespeichert?

Nur in deinem Browser. Klicke oben links auf den Ordner-Knopf (Meine Dokumente), um sie zu öffnen, umzubenennen, zu duplizieren, herunterzuladen oder zu löschen. Löschst du die Website-Daten deines Browsers, sind sie weg - lade also herunter, was du behalten willst, oder lass den Editor sie an deinen eigenen Server senden («Auf Server speichern»).

Kann eine KI im TOML-Editor schreiben?

Ja, jede KI - ChatGPT, Claude, Gemini, Copilot oder die KI in deinem Programmier-Tool. Klicke auf «KI-Assistent», dann auf «Prompt kopieren», füge ihn in deine KI ein und sag, was sie ändern soll. Die KI antwortet mit einem Link; klickst du ihn an, erscheinen die Daten in deinem Editor. «Rückgängig» nimmt jede Änderung zurück.

Kostet der TOML-Editor etwas?

Nein. Der Editor ist kostenlos, ohne Werbung und ohne Anmeldung.