Безкоштовні онлайн-редактори з живим переглядом - приватно, з підтримкою ШІ, для вбудовування
Одна родина браузерних редакторів для форматів, у яких люди пишуть щодня. Код ліворуч, результат праворуч, нічого не вивантажується. Будь-який ШІ може писати в них через посилання, і будь-який із них можна вбудувати у ваш власний сайт.
- Без реєстрації й реклами
- Ваші файли залишаються у вашому браузері
- Будь-який ШІ може в них писати
- Вбудовуйте їх у свій сайт
- 14 мов
Редактори
Кожен редактор створено для свого формату, і працює він так само, як інші.
-
LaTeX Editor
latex.giit.chПишіть LaTeX і бачте зверстані сторінки просто під час набору. Зображення, налаштування документа, експорт у PDF.
● Онлайн -
SVG Editor
svg.giit.chSVG як код і на полотні: переміщуйте, змінюйте розмір і колір фігур, сітка з прив’язкою, експорт у PNG, JPG, WebP або React.
● Онлайн -
HTML Editor
html.giit.chHTML із живим переглядом сторінки, зображення як файли, редагування тексту прямо в перегляді, експорт одним файлом або ZIP.
● Онлайн -
Markdown Editor
md.giit.chMarkdown із таблицями, списками завдань, виносками й формулами, зручний для читання перегляд і експорт у HTML або PDF.
● Онлайн -
JSON Editor
json.giit.chJSON і JSON Lines як код і як згортане дерево: редагуйте ключі й значення в дереві, перевіряйте за JSON Schema, перетворюйте на YAML, CSV або XML.
● Онлайн -
YAML Editor
yaml.giit.chYAML із тим самим деревом даних, коментарі й якорі зберігаються, проблеми з номером рядка, перетворення на JSON.
● Онлайн -
XML Editor
xml.giit.chXML із деревом елементів, пошуком XPath, перевіркою коректності й перетворенням на JSON або YAML.
● Онлайн -
CSV Editor
csv.giit.chCSV як текст і як таблиця на зразок електронної, також для великих файлів; експорт у XLSX, JSON, таблиці Markdown або HTML.
● Онлайн -
SHLS Editor
shls.giit.chSHLS - економний щодо токенів списковий формат для ШІ: блоки ключів і записи у вигляді дерева, проблеми з номером рядка, перетворення з JSON і на JSON точно як еталонний кодек.
● Онлайн -
Typst Editor
typst.giit.chTypst зі справжнім компілятором у браузері: сторінки просто під час набору, 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 у Нойгаузені-ам-Райнфалль, Швейцарія.