giit Editors

Безкоштовні онлайн-редактори з живим переглядом - приватно, з підтримкою ШІ, для вбудовування

Одна родина браузерних редакторів для форматів, у яких люди пишуть щодня. Код ліворуч, результат праворуч, нічого не вивантажується. Будь-який ШІ може писати в них через посилання, і будь-який із них можна вбудувати у ваш власний сайт.

  • Без реєстрації й реклами
  • Ваші файли залишаються у вашому браузері
  • Будь-який ШІ може в них писати
  • Вбудовуйте їх у свій сайт
  • 14 мов

Редактори

Кожен редактор створено для свого формату, і працює він так само, як інші.

  • LaTeX Editor

    latex.giit.ch

    Пишіть LaTeX і бачте зверстані сторінки просто під час набору. Зображення, налаштування документа, експорт у PDF.

    ● Онлайн
  • SVG Editor

    svg.giit.ch

    SVG як код і на полотні: переміщуйте, змінюйте розмір і колір фігур, сітка з прив’язкою, експорт у PNG, JPG, WebP або React.

    ● Онлайн
  • HTML Editor

    html.giit.ch

    HTML із живим переглядом сторінки, зображення як файли, редагування тексту прямо в перегляді, експорт одним файлом або ZIP.

    ● Онлайн
  • Markdown Editor

    md.giit.ch

    Markdown із таблицями, списками завдань, виносками й формулами, зручний для читання перегляд і експорт у HTML або PDF.

    ● Онлайн
  • JSON Editor

    json.giit.ch

    JSON і JSON Lines як код і як згортане дерево: редагуйте ключі й значення в дереві, перевіряйте за JSON Schema, перетворюйте на YAML, CSV або XML.

    ● Онлайн
  • YAML Editor

    yaml.giit.ch

    YAML із тим самим деревом даних, коментарі й якорі зберігаються, проблеми з номером рядка, перетворення на JSON.

    ● Онлайн
  • XML Editor

    xml.giit.ch

    XML із деревом елементів, пошуком XPath, перевіркою коректності й перетворенням на JSON або YAML.

    ● Онлайн
  • CSV Editor

    csv.giit.ch

    CSV як текст і як таблиця на зразок електронної, також для великих файлів; експорт у XLSX, JSON, таблиці Markdown або HTML.

    ● Онлайн
  • SHLS Editor

    shls.giit.ch

    SHLS - економний щодо токенів списковий формат для ШІ: блоки ключів і записи у вигляді дерева, проблеми з номером рядка, перетворення з JSON і на JSON точно як еталонний кодек.

    ● Онлайн
  • Typst Editor

    typst.giit.ch

    Typst зі справжнім компілятором у браузері: сторінки просто під час набору, PDF із текстом, який можна виділяти, зображення зберігаються разом із документом.

    ● Онлайн

Що вміє кожен редактор

Освойте один - і ви знаєте всі.

Приватність за задумом

Редактори - це статичні сторінки. Ваші документи залишаються у вашому браузері (локальне сховище); нічого не надсилається на сервер, якщо ви самі не налаштуєте свій.

Мої документи

Зберігайте скільки завгодно документів у браузері: відкривайте, перейменовуйте, дублюйте, завантажуйте й видаляйте їх, кожен із власною історією скасувань.

З вами може писати будь-який ШІ

«ШІ-асистент» → «Копіювати промпт» дає ChatGPT, Claude, Gemini чи Copilot усе потрібне. ШІ відповідає посиланням, яке відкриває його результат у вашому редакторі, - «Скасувати» повертає все назад.

Браузерні агенти (WebMCP)

У браузерах із WebMCP агенти ШІ отримують інструменти, щоб читати й змінювати відкритий документ напряму; кожна зміна - крок скасування.

Стан ШІ з першого погляду

Крапка на кнопці ШІ показує, чи під’єднано ШІ: через ваш сайт, як браузерний агент або через посилання в цій вкладці.

Редагування в перегляді

Клацніть текст у перегляді й змініть його там; код оновлюється слідом. Клацніть деінде, щоб перейти до коду.

Збереження на ваш сервер

Вебхук надсилає кожну збережену версію на вибрану вами адресу з токеном - автоматично або за Ctrl+S.

14 мов

Кожен редактор має сторінку англійською, німецькою, французькою, італійською, іспанською, португальською, нідерландською, польською, турецькою, російською, українською, китайською, японською та корейською - /de/, /fr/ … Меню мов перемикає їх, вибір запам’ятовується. Промпт для ШІ завжди залишається англійською.

Світла, темна або автоматична

Кожен редактор слідує за вашою системою або вибраною темою й працює на телефонах і планшетах.

Використовуйте редактор на своєму сайті

Усі редактори говорять одним протоколом. Замініть latex на svg, html, md, json, yaml, xml, csv або typst - повідомлення ті самі, змінюється лише їхній префікс (latexeditor:, svgeditor: …).

Вставте редактор у свою сторінку

Достатньо iframe. ?embed=1 показує спрощений вигляд із кнопкою «Зберегти», ?save=0 приховує її, якщо ваша сторінка має власну. Адреса вибирає мову: /de/ - німецька, /fr/ - французька і так далі.

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

Завантажуйте документ, отримуйте зміни й збереження

Редактор повідомляє, що готовий, ваша сторінка надсилає документ, а редактор повідомляє про справжні правки й кожне збереження. Перевіряйте origin кожного повідомлення.

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

Або відкрийте його в окремому вікні

Повний редактор в окремому вікні спілкується з window.opener точно так само - і посилання від ШІ доходять до нього туди.

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

Нехай ШІ надсилає результат прямо на ваш сервер

Передайте редактору свої правила, адресу https на вашому сайті й один ключ для цього сеансу редактора. Тоді «Копіювати промпт» каже ШІ надіслати результат туди через POST; ваша сторінка відкриває його в редакторі. Ключ має бути дійсним лише поки редактор відкрито.

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

Усі повідомлення

НапрямПовідомленняЩо воно означає
редактор → сторінкаreadyРедактор може прийняти документ.
сторінка → редакторload {name, content, assets?, context?, hook?, ai?}Відкрити ваш документ (із зображеннями, якщо формат їх має).
редактор → сторінкаloaded {id, name}Ваш документ відкрито; запам’ятайте його id.
редактор → сторінкаchange {id, name, content}Справжня правка (не завантаження).
редактор → сторінкаsave {id, name, content, assets, updated}«Зберегти» / Ctrl+S або відповідь на get.
сторінка → редакторget · saveЗапитати поточний стан · натиснути «Зберегти».
редактор → сторінкаclosing {id, name, content}Окреме вікно закривається з незбереженими змінами.
редактор → сторінкаreload {id, unsaved}F5 / Ctrl+R усередині вашої сторінки - вирішуєте ви.
сторінка → редакторai {label, prompt, endpoint, key} · ai {clear}ШІ через ваш сервер, один ключ на сеанс.
редактор → сторінкаkey-request {reason: "missing"}Сеанс ще не має ключа.

Повний опис, зокрема вебхука й кожного поля, міститься в llms.txt кожного редактора та в llms-full.txt.

Запитання

Редактори справді безкоштовні?

Так. Без реєстрації, без реклами, без обмежень на кількість документів.

Мій документ кудись вивантажується?

Ні. Редактори працюють у вашому браузері й зберігають документи в його сховищі. Лише якщо ви налаштуєте вебхук (або сайт вбудує редактор), збережена версія потрапляє на той сервер.

Який ШІ можна використовувати?

Будь-який ШІ - ChatGPT, Claude, Gemini, Copilot або ШІ у вашому інструменті для програмування. Скопіюйте промпт, скажіть, що вам потрібно, і клацніть посилання, яким відповість ШІ.

Чи можна використовувати редактор на моєму сайті?

Так. Вбудуйте його через iframe або відкрийте в окремому вікні й обмінюйтеся документами через postMessage, або нехай він надсилає збережені версії на ваш сервер через вебхук.

Як отримати редактор моєю мовою?

Виберіть її в меню мов угорі або відкрийте сторінку мови напряму: /de/ - німецька, /fr/ - французька, /uk/ - українська і так далі. Редактор запам’ятовує вибір. Промпт для ШІ залишається англійською.

Хто створює редактори?

Grünwald Innovation у Нойгаузені-ам-Райнфалль, Швейцарія.