Éditeur TOML en ligne

Code

Export

Mes documents

Cliquez sur un document pour l’ouvrir. Ils sont conservés uniquement dans ce navigateur - rien n’est envoyé. Effacer les données de site du navigateur les supprime : téléchargez ceux que vous voulez garder.

Assistant IA

N’importe quelle IA peut travailler avec vous - ChatGPT, Claude, Gemini, Copilot.

  1. Cliquez sur Copier le prompt.
  2. Collez-le dans votre IA et dites-lui ce qu’elle doit modifier.
L’IA doit

Le document voyage dans le lien après le « # », qu’aucun serveur ne voit. Ce que vous collez dans votre IA est traité par son fournisseur.

Enregistrer sur votre serveur

L’éditeur peut envoyer chaque version enregistrée à votre propre serveur (un webhook), pour que votre travail soit conservé là où vous le souhaitez. Rien n’est envoyé tant que vous n’avez pas saisi d’adresse ici.

Ce que reçoit votre serveur

Une requête POST avec du JSON (votre serveur doit autoriser CORS depuis https://toml.giit.ch) ; content est le document sous forme de chaîne :

{ "editor": "toml", "event": "save", "id": "…", "name": "Settings",
  "content": "debug = false\nport = 8080\n",
  "updated": "2026-01-15T09:30:00.000Z" }
Intégrer l’éditeur dans votre site web
<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>

Également possible : ?src=<URL of a .toml file> ouvre un fichier, &webhook=<URL> y enregistre ce document. L’éditeur peut aussi s’ouvrir dans sa propre fenêtre (?embed=window), et votre page peut lui transmettre son propre prompt d’IA et une clé de session pour que l’IA envoie son résultat à votre serveur (tomleditor:ai, tomleditor:key-request) - voir « Utiliser l’éditeur sur votre propre site web » sous l’éditeur. Les détails se trouvent dans llms.txt.

Aide

Fonctionnement

  1. Écrivez du TOML à gauche - ou commencez avec Nouveau et l’un des modèles. L’arbre au milieu montre les données pendant que vous tapez : les tables et les tableaux se replient, chaque valeur montre son type, {3} et [5] comptent les entrées, et une table écrite à plusieurs endroits est une seule entrée.
  2. Cliquez sur une clé ou une valeur dans l’arbre pour la modifier sur place. Entrée ou un clic ailleurs écrit la modification dans le code exactement à cet endroit - les commentaires et la mise en forme restent (une seule étape pour Annuler), Échap l’annule. Les boutons au-dessus de l’arbre ajoutent, dupliquent, déplacent et suppriment des entrées et changent le type d’une valeur.
  3. Un clic dans l’arbre place le curseur du code sur cette valeur ; le curseur dans le code marque sa valeur dans l’arbre. Le chemin de la valeur sélectionnée ($.items[3].name) se trouve sous l’arbre. Les dates et les heures sont signalées avec leur genre.
  4. Les problèmes (une clé ou une table définie deux fois, une valeur sans guillemets, un nombre ou une date non valide, ce qui n’est pas conforme au schéma) sont listés au-dessus du code avec ligne et colonne - cliquez sur l’un d’eux pour y aller.
  5. Valeur à droite montre la clé et la valeur sélectionnées ; Insérer ajoute des entrées et des morceaux de code ; Convertir formate le document ou le convertit en JSON, YAML, CSV ou XML ; Schéma le vérifie avec un JSON Schema de vos documents.
  6. Mes documents (le bouton dossier en haut à gauche) liste tous les documents conservés dans ce navigateur. Exporter l’enregistre en TOML, JSON, YAML, CSV ou texte.
  7. Exporter propose aussi Ouvrir dans un autre éditeur : le document est converti et ouvert là-bas comme nouveau document. Ce que l’autre format ne peut pas contenir est listé d’abord.

Raccourcis clavier

↑ ↓ ← →
Dans l’arbre : monter et descendre, replier et déplier
Enter
Dans l’arbre : modifier la valeur (F2 : la clé)
Supprimer
Dans l’arbre : supprimer l’entrée
Touche Alt + ↑ / ↓
Dans l’arbre : monter / descendre l’entrée
Ctrl + F
Rechercher des clés et des valeurs dans l’arbre
Ctrl + Shift + F
Formater le document
Tab / Shift + Tab
Indenter / désindenter dans le code
Ctrl + /
Commenter / décommenter des lignes (#)
Ctrl + Z / Y
Annuler / rétablir
Ctrl + S / E
Enregistrer (télécharger, ou sur votre serveur) / exporter
Ctrl + O
Mes documents

Entrée garde l’indentation de la ligne, et après [ ou { elle indente d’un cran. Les guillemets et les parenthèses se ferment d’eux-mêmes autour d’une sélection.

Modifier du TOML en ligne, en code et en arbre

L’éditeur TOML montre votre code TOML et les données sous forme d’arbre côte à côte : pyproject.toml, Cargo.toml, les réglages de Hugo, de Netlify ou de votre propre application. Repliez les tables et les tableaux, voyez le type et le nombre d’entrées de chaque valeur, et modifiez clés et valeurs directement dans l’arbre - la modification va dans le code exactement à cet endroit, et vos commentaires et votre mise en forme restent. Les erreurs sont listées avec ligne et colonne, d’une clé définie deux fois à une date qui n’existe pas, et les données peuvent être vérifiées avec un JSON Schema et converties en JSON, YAML, CSV ou XML.

Tout fonctionne dans votre navigateur. Vos documents y sont conservés, pas sur notre serveur, et il n’y a ni inscription ni publicité.

Ce que l’éditeur sait faire

Code et arbre

TOML 1.0 en couleur à gauche, l’arbre repliable au milieu. Un clic dans l’arbre saute au code, le curseur du code marque sa valeur dans l’arbre.

Modifier dans l’arbre, garder les commentaires

Modifiez les clés et les valeurs, ajoutez, dupliquez, déplacez et supprimez des entrées, changez un type - chaque fois par une petite modification du code, si bien que les commentaires et les lignes vides restent à leur place.

Des erreurs faciles à trouver

Clés et tables définies deux fois, texte sans guillemets, nombres avec un zéro initial, dates qui n’existent pas et valeurs non conformes à votre JSON Schema, chacun avec sa ligne et sa colonne.

Des tables à plusieurs endroits

Des tables comme [server], des tableaux de tables comme [[servers]], des clés à points comme server.port et des tables en ligne comme { x = 1 } forment un seul arbre. Une clé renommée change dans chaque en-tête qui la nomme.

Conversion

Formater avec une seule mise en forme, ou convertir en JSON, YAML, CSV (un tableau de tables est un tableau) et XML. Les fichiers JSON, YAML, CSV et XML s’ouvrent en TOML.

Nombreux documents

Conservez autant de documents que vous voulez dans votre navigateur, chacun avec son propre historique d’annulation, et téléchargez-les tous en ZIP.

Comment ça marche

  1. Commencer - choisissez un modèle sous « Nouveau » (pyproject.toml, Cargo.toml, un site Hugo, Netlify), ouvrez un fichier .toml ou collez du TOML.
  2. Modifier - dans le code ou dans l’arbre ; les deux montrent toujours les mêmes données.
  3. Vérifier et exporter - corrigez les problèmes listés, choisissez un schéma et téléchargez du TOML, JSON, YAML, CSV ou du texte.

Utiliser l’éditeur sur votre propre site web

Intégrez l’éditeur à votre propre site web avec une iframe ou dans une fenêtre à part. Votre page lui transmet le document, reçoit chaque modification et chaque enregistrement, et peut laisser une IA envoyer ses résultats à votre serveur. Sans inscription, sans clé.

Intégrer l’éditeur à votre site web →

Questions fréquentes

Mes données sont-elles envoyées sur un serveur ?

Non. L’éditeur fonctionne dans votre navigateur et y conserve vos documents, pas sur notre serveur. Un document n’est envoyé à un serveur que si vous configurez un webhook vers votre propre serveur, si un site web qui intègre l’éditeur l’enregistre sur son propre serveur, ou si un autre site web l’ouvre ici avec un formulaire (post.php) - notre serveur le transmet alors directement à votre navigateur, sans le stocker. Comme sur tout site web, le serveur enregistre chaque visite dans son journal, et nous comptons les pages vues de façon anonyme - voir la politique de confidentialité.

Mes commentaires sont-ils conservés quand je modifie dans l’arbre ?

Oui. Une modification dans l’arbre est écrite dans le code exactement à cet endroit ; les commentaires, les lignes vides et le reste de la mise en forme restent tels quels. Annuler revient sur chaque modification.

Quel TOML l’éditeur lit-il ?

TOML 1.0 : tables, tableaux de tables, clés à points, tables en ligne, les quatre sortes de chaînes, entiers en décimal, hexadécimal, octal et binaire, nombres à virgule avec inf et nan, ainsi que dates et heures. Il accepte ce qu’accepte tomllib de Python et signale tout le reste avec ligne et colonne - une clé ou une table définie deux fois, un nombre avec un zéro initial, une date qui n’existe pas.

Et une table écrite à plusieurs endroits ?

L’arbre la montre une seule fois, avec toutes ses clés. La renommer change chaque en-tête et chaque clé à points qui la nomme. Une modification impossible sur place - déplacer une table répartie dans le fichier, par exemple - est refusée avec un message au lieu de réécrire votre fichier.

Peut-il convertir du TOML en JSON, YAML, CSV ou XML ?

Oui, dans l’onglet Convertir ou sous Exporter ; les dates et les heures deviennent du texte. Les fichiers JSON, YAML, CSV et XML que vous ouvrez sont convertis en TOML. TOML n’a pas de null, les valeurs vides sont donc omises, avec une remarque.

Où mes documents sont-ils enregistrés ?

Uniquement dans votre navigateur. Cliquez sur le bouton dossier en haut à gauche (Mes documents) pour les ouvrir, renommer, dupliquer, télécharger ou supprimer. Effacer les données de site de votre navigateur les supprime : téléchargez ceux que vous voulez garder - ou laissez l’éditeur les envoyer à votre propre serveur (« Enregistrer sur un serveur »).

Une IA peut-elle écrire dans l’éditeur TOML ?

Oui, n’importe quelle IA - ChatGPT, Claude, Gemini, Copilot ou l’IA de votre outil de développement. Cliquez sur « Assistant IA », puis sur « Copier le prompt », collez-le dans votre IA et dites-lui ce qu’elle doit modifier. L’IA répond par un lien ; cliquez dessus et les données apparaissent dans votre éditeur. « Annuler » revient sur chaque modification.

L’éditeur TOML est-il payant ?

Non. L’éditeur est gratuit, sans publicité et sans inscription.