giit Editors

Éditeurs en ligne gratuits avec aperçu en direct - privés, prêts pour l’IA, intégrables

Une famille d’éditeurs dans le navigateur pour les formats que l’on écrit tous les jours. Le code à gauche, le résultat à droite, rien n’est envoyé. N’importe quelle IA peut y écrire grâce à un lien, et vous pouvez placer chacun d’eux dans votre propre site web.

  • Sans inscription, sans publicité
  • Vos fichiers restent dans votre navigateur
  • N’importe quelle IA peut y écrire
  • Intégrables dans votre site web
  • En 14 langues

Les éditeurs

Chaque éditeur est conçu pour son format et fonctionne comme les autres.

  • LaTeX Editor

    latex.giit.ch

    Écrivez du LaTeX et voyez les pages composées pendant la saisie. Images, réglages du document, export PDF.

    ● En ligne
  • SVG Editor

    svg.giit.ch

    Le SVG en code et sur un canevas : déplacez, redimensionnez et recolorez les formes, grille magnétique, export en PNG, JPG, WebP ou React.

    ● En ligne
  • HTML Editor

    html.giit.ch

    Du HTML avec aperçu en direct de la page, les images comme fichiers, modification du texte directement dans l’aperçu, export en un seul fichier ou en ZIP.

    ● En ligne
  • Markdown Editor

    md.giit.ch

    Du Markdown avec tableaux, listes de tâches, notes de bas de page et formules, un aperçu lisible et l’export en HTML ou PDF.

    ● En ligne
  • JSON Editor

    json.giit.ch

    JSON et JSON Lines en code et en arbre repliable : modifiez les clés et les valeurs dans l’arbre, vérifiez avec un JSON Schema, convertissez en YAML, CSV ou XML.

    ● En ligne
  • YAML Editor

    yaml.giit.ch

    Du YAML avec le même arbre de données, commentaires et ancres conservés, problèmes avec leur ligne, conversion en JSON.

    ● En ligne
  • XML Editor

    xml.giit.ch

    Du XML avec un arbre des éléments, recherche XPath, vérification de la bonne formation et conversion en JSON ou YAML.

    ● En ligne
  • CSV Editor

    csv.giit.ch

    Le CSV en texte et en tableau façon tableur, même pour les gros fichiers ; export en XLSX, JSON, tableaux Markdown ou HTML.

    ● En ligne
  • SHLS Editor

    shls.giit.ch

    SHLS, le format de liste économe en tokens pour l’IA : blocs de clés et enregistrements en arbre, problèmes avec leur ligne, conversion depuis et vers JSON exactement comme le codec de référence.

    ● En ligne
  • Typst Editor

    typst.giit.ch

    Du Typst avec le vrai compilateur dans le navigateur : les pages pendant la saisie, un PDF avec du texte sélectionnable, les images enregistrées avec le document.

    ● En ligne

Ce que fait chaque éditeur

Apprenez-en un, et vous les connaissez tous.

Privé par conception

Les éditeurs sont des pages statiques. Vos documents restent dans votre navigateur (stockage local) ; rien n’est envoyé à un serveur, sauf si vous configurez le vôtre.

Mes documents

Conservez autant de documents que vous voulez dans le navigateur : ouvrez, renommez, dupliquez, téléchargez et supprimez-les, chacun avec son propre historique d’annulation.

N’importe quelle IA peut écrire avec vous

« Assistant IA » → « Copier le prompt » donne à ChatGPT, Claude, Gemini ou Copilot tout ce dont ils ont besoin. L’IA répond par un lien qui ouvre son résultat dans votre éditeur - Annuler le reprend.

Agents de navigateur (WebMCP)

Dans les navigateurs dotés de WebMCP, les agents IA reçoivent des outils pour lire et modifier directement le document ouvert ; chaque modification est une étape d’annulation.

L’état de l’IA d’un coup d’œil

Un point sur le bouton IA indique si une IA est connectée : via votre site web, comme agent de navigateur, ou par des liens dans cet onglet.

Modifier dans l’aperçu

Cliquez sur un texte de l’aperçu et modifiez-le sur place ; le code suit. Cliquez ailleurs pour aller au code.

Enregistrer sur votre propre serveur

Un webhook envoie chaque version enregistrée à l’adresse de votre choix, avec un jeton - automatiquement ou avec Ctrl+S.

En 14 langues

Chaque éditeur a une page en anglais, allemand, français, italien, espagnol, portugais, néerlandais, polonais, turc, russe, ukrainien, chinois, japonais et coréen - /de/, /fr/ … Le menu des langues permet de changer, le choix est mémorisé. Le prompt pour l’IA reste toujours en anglais.

Clair, sombre ou automatique

Chaque éditeur suit votre système ou le thème que vous choisissez, et fonctionne sur téléphones et tablettes.

Utiliser un éditeur dans votre propre site web

Tous les éditeurs parlent le même protocole. Remplacez latex par svg, html, md, json, yaml, xml, csv ou typst - les messages sont les mêmes, seul leur préfixe change (latexeditor:, svgeditor: …).

Placer l’éditeur dans votre page

Une iframe suffit. ?embed=1 affiche la vue réduite avec un bouton Enregistrer, ?save=0 le masque quand votre page a le sien. L’adresse choisit la langue : /de/ pour l’allemand, /fr/ pour le français, et ainsi de suite.

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

Charger votre document, recevoir les modifications et les enregistrements

L’éditeur signale qu’il est prêt, votre page envoie le document, et l’éditeur signale les vraies modifications et chaque enregistrement. Vérifiez l’origine de chaque message.

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

Ou l’ouvrir dans sa propre fenêtre

L’éditeur complet dans sa propre fenêtre communique avec window.opener exactement de la même façon - et les liens d’une IA l’y atteignent.

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

Laisser une IA livrer directement à votre serveur

Transmettez à l’éditeur vos règles, une adresse https sur votre propre site et une clé pour cette session de l’éditeur. « Copier le prompt » demande alors à l’IA d’y envoyer son résultat par POST ; votre page l’ouvre dans l’éditeur. Ne gardez la clé valable que tant que l’éditeur est ouvert.

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

Tous les messages

SensMessageSignification
éditeur → pagereadyL’éditeur peut recevoir un document.
page → éditeurload {name, content, assets?, context?, hook?, ai?}Ouvrir votre document (avec images, si le format en a).
éditeur → pageloaded {id, name}Votre document est ouvert ; retenez son id.
éditeur → pagechange {id, name, content}Une vraie modification (pas le chargement).
éditeur → pagesave {id, name, content, assets, updated}Enregistrer / Ctrl+S, ou la réponse à get.
page → éditeurget · saveDemander l’état actuel · appuyer sur Enregistrer.
éditeur → pageclosing {id, name, content}La fenêtre propre se ferme avec des modifications non enregistrées.
éditeur → pagereload {id, unsaved}F5 / Ctrl+R dans votre page - c’est vous qui décidez.
page → éditeurai {label, prompt, endpoint, key} · ai {clear}L’IA via votre serveur, une clé par session.
éditeur → pagekey-request {reason: "missing"}La session n’a pas encore de clé.

La description complète, avec le webhook et chaque champ, se trouve dans le llms.txt de chaque éditeur et dans llms-full.txt.

Questions

Les éditeurs sont-ils vraiment gratuits ?

Oui. Sans inscription, sans publicité, sans limite de documents.

Mon document est-il envoyé quelque part ?

Non. Les éditeurs fonctionnent dans votre navigateur et conservent les documents dans son stockage. Ce n’est que si vous configurez un webhook (ou si un site web intègre l’éditeur) qu’une version enregistrée va vers ce serveur.

Quelle IA puis-je utiliser ?

N’importe quelle IA - ChatGPT, Claude, Gemini, Copilot ou l’IA de votre outil de développement. Copiez le prompt, dites ce que vous voulez, et cliquez sur le lien que l’IA vous renvoie.

Puis-je utiliser un éditeur sur mon propre site web ?

Oui. Intégrez-le avec une iframe ou ouvrez-le dans sa propre fenêtre et échangez les documents par postMessage, ou laissez-le envoyer les versions enregistrées à votre serveur avec un webhook.

Comment obtenir l’éditeur dans ma langue ?

Choisissez-la dans le menu des langues en haut, ou ouvrez directement sa page : /de/ pour l’allemand, /fr/ pour le français, /ja/ pour le japonais, et ainsi de suite. L’éditeur s’en souvient. Le prompt pour l’IA reste en anglais.

Qui fait les éditeurs ?

Grünwald Innovation, à Neuhausen am Rheinfall, en Suisse.