Бесплатные онлайн-редакторы с живым предпросмотром - приватно, с поддержкой ИИ, встраиваемо
Семейство браузерных редакторов для форматов, в которых люди пишут каждый день. Код слева, результат справа, ничего не загружается на сервер. Любой ИИ может писать в них через ссылку, и любой из них можно встроить в ваш собственный сайт.
- Без регистрации и рекламы
- Ваши файлы остаются в вашем браузере
- В них может писать любой ИИ
- Встраиваются в ваш сайт
- На 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 и обратно точно как в эталонном кодеке.
● Онлайн -
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/ - французский, /ja/ - японский и так далее. Редактор это запомнит. Промпт для ИИ остаётся на английском.
Кто делает эти редакторы?
Grünwald Innovation в Нойхаузен-ам-Райнфалль, Швейцария.