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 и обратно точно как в эталонном кодеке.

    ● Онлайн
  • 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/ - французский, /ja/ - японский и так далее. Редактор это запомнит. Промпт для ИИ остаётся на английском.

Кто делает эти редакторы?

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