Darmowe edytory online z podglądem na żywo - prywatne, gotowe na AI, do osadzenia

Rodzina edytorów w przeglądarce dla formatów, w których ludzie piszą na co dzień. Kod po lewej, wynik po prawej, nic nie jest wysyłane. Każda AI może w nich pisać za pomocą linku, a każdy z nich możesz umieścić na własnej stronie.

Bez rejestracji, bez reklam
Pliki zostają w przeglądarce
Każda AI może w nich pisać
Do osadzenia na twojej stronie
W 14 językach

Zobacz edytory Osadź edytor

Edytory

Każdy edytor jest stworzony dla swojego formatu i działa tak samo jak pozostałe.

LaTeX Editor
latex.giit.ch

Pisz LaTeX i oglądaj złożone strony podczas pisania. Obrazy, ustawienia dokumentu, eksport do PDF.
● Online
SVG Editor
svg.giit.ch

SVG jako kod i na płótnie: przesuwaj kształty, zmieniaj ich rozmiar i kolory, siatka z przyciąganiem, eksport do PNG, JPG, WebP lub React.
● Online
HTML Editor
html.giit.ch

HTML z podglądem strony na żywo, obrazy jako pliki, edycja tekstu bezpośrednio w podglądzie, eksport jako jeden plik lub ZIP.
● Online
Markdown Editor
md.giit.ch

Markdown z tabelami, listami zadań, przypisami i wzorami, czytelny podgląd i eksport do HTML lub PDF.
● Online
JSON Editor
json.giit.ch

JSON i JSON Lines jako kod i jako zwijane drzewo: edytuj klucze i wartości w drzewie, sprawdzaj względem JSON Schema, konwertuj do YAML, CSV lub XML.
● Online
YAML Editor
yaml.giit.ch

YAML z tym samym drzewem danych, zachowane komentarze i kotwice, problemy z numerem wiersza, konwersja do JSON.
● Online
XML Editor
xml.giit.ch

XML z drzewem elementów, wyszukiwaniem XPath, sprawdzaniem poprawności i konwersją do JSON lub YAML.
● Online
CSV Editor
csv.giit.ch

CSV jako tekst i jako tabela podobna do arkusza kalkulacyjnego, także dla dużych plików; eksport do tabel XLSX, JSON, Markdown lub HTML.
● Online
SHLS Editor
shls.giit.ch

SHLS, oszczędny w tokenach format list dla AI: bloki kluczy i rekordy jako drzewo, problemy z numerem wiersza, konwersja z i do JSON dokładnie jak w kodeku referencyjnym.
● Online
Typst Editor
typst.giit.ch

Typst z prawdziwym kompilatorem w przeglądarce: strony podczas pisania, PDF z tekstem do zaznaczania, obrazy przechowywane razem z dokumentem.
● Online

Co potrafi każdy edytor

Poznaj jeden, a znasz wszystkie.

Prywatne z założenia

Edytory to strony statyczne. Dokumenty zostają w przeglądarce (pamięć lokalna); nic nie jest wysyłane na serwer, chyba że skonfigurujesz własny.

Moje dokumenty

Przechowuj w przeglądarce dowolną liczbę dokumentów: otwieraj, zmieniaj nazwy, duplikuj, pobieraj i usuwaj je, każdy z własną historią cofania.

Każda AI może pisać razem z tobą

„Asystent AI” → „Kopiuj prompt” daje ChatGPT, Claude, Gemini lub Copilot wszystko, czego potrzebują. AI odpowiada linkiem, który otwiera jej wynik w edytorze - Cofnij go wycofuje.

Agenci przeglądarki (WebMCP)

W przeglądarkach z WebMCP agenci AI dostają narzędzia do bezpośredniego czytania i zmieniania otwartego dokumentu; każda zmiana to krok cofania.

Stan AI na pierwszy rzut oka

Kropka na przycisku AI pokazuje, czy AI jest połączona: przez twoją stronę, jako agent przeglądarki czy przez linki w tej karcie.

Edycja w podglądzie

Kliknij tekst w podglądzie i zmień go tam; kod nadąża. Kliknij gdziekolwiek indziej, aby przejść do kodu.

Zapis na własnym serwerze

Webhook wysyła każdą zapisaną wersję pod wybrany adres, z tokenem - automatycznie lub po Ctrl+S.

W 14 językach

Każdy edytor ma stronę po angielsku, niemiecku, francusku, włosku, hiszpańsku, portugalsku, niderlandzku, polsku, turecku, rosyjsku, ukraińsku, chińsku, japońsku i koreańsku - /de/, /fr/ … Menu języka przełącza strony, a wybór jest zapamiętywany. Prompt dla AI zawsze pozostaje po angielsku.

Jasny, ciemny lub automatyczny

Każdy edytor stosuje ustawienie systemu lub wybrany motyw i działa na telefonach i tabletach.

Edytor na własnej stronie

Wszystkie edytory mówią tym samym protokołem. Zamień latex na svg, html, md, json, yaml, xml, csv lub typst - wiadomości są te same, zmienia się tylko ich prefiks (latexeditor:, svgeditor: …).

Umieść edytor na swojej stronie

Wystarczy iframe. ?embed=1 pokazuje widok uproszczony z przyciskiem Zapisz, ?save=0 go ukrywa, gdy twoja strona ma własny. Adres wybiera język: /de/ dla niemieckiego, /fr/ dla francuskiego, /pl/ dla polskiego i tak dalej.

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

Wczytaj dokument, odbieraj zmiany i zapisy

Edytor zgłasza gotowość, twoja strona wysyła dokument, a edytor informuje o rzeczywistych zmianach i każdym zapisie. Sprawdzaj pochodzenie każdej wiadomości.

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

Albo otwórz go we własnym oknie

Pełny edytor we własnym oknie rozmawia z window.opener dokładnie w ten sam sposób - i tam docierają do niego linki od AI.

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

Niech AI dostarcza wynik prosto na twój serwer

Przekaż edytorowi swoje zasady, adres https we własnej witrynie i jeden klucz dla tej sesji edytora. „Kopiuj prompt” każe wtedy AI wysłać tam wynik metodą POST; twoja strona otwiera go w edytorze. Utrzymuj klucz ważnym tylko wtedy, gdy edytor jest otwarty.

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

Wszystkie wiadomości

Kierunek	Wiadomość	Co oznacza
edytor → strona	`ready`	Edytor może przyjąć dokument.
strona → edytor	`load {name, content, assets?, context?, hook?, ai?}`	Otwórz swój dokument (z obrazami, jeśli format je ma).
edytor → strona	`loaded {id, name}`	Twój dokument jest otwarty; zapamiętaj jego id.
edytor → strona	`change {id, name, content}`	Rzeczywista zmiana (nie wczytanie).
edytor → strona	`save {id, name, content, assets, updated}`	Zapisz / Ctrl+S albo odpowiedź na get.
strona → edytor	`get · save`	Pytanie o bieżący stan · naciśnięcie Zapisz.
edytor → strona	`closing {id, name, content}`	Własne okno zamyka się z niezapisanymi zmianami.
edytor → strona	`reload {id, unsaved}`	F5 / Ctrl+R wewnątrz twojej strony - ty decydujesz.
strona → edytor	`ai {label, prompt, endpoint, key} · ai {clear}`	AI przez twój serwer, jeden klucz na sesję.
edytor → strona	`key-request {reason: "missing"}`	Sesja nie ma jeszcze klucza.

Pełny opis, łącznie z webhookiem i każdym polem, jest w llms.txt każdego edytora oraz w llms-full.txt.

Pytania

Czy edytory są naprawdę darmowe?

Tak. Bez rejestracji, bez reklam, bez limitów dokumentów.

Czy mój dokument jest gdzieś wysyłany?

Nie. Edytory działają w przeglądarce i przechowują dokumenty w jej pamięci. Tylko jeśli skonfigurujesz webhook (lub strona internetowa osadzi edytor), zapisana wersja trafia na ten serwer.

Z jakiej AI mogę korzystać?

Z dowolnej - ChatGPT, Claude, Gemini, Copilot lub AI w twoim narzędziu programistycznym. Skopiuj prompt, napisz, czego chcesz, i kliknij link, którym odpowie AI.

Czy mogę używać edytora na własnej stronie?

Tak. Osadź go w iframe lub otwórz we własnym oknie i wymieniaj dokumenty przez postMessage albo pozwól mu wysyłać zapisane wersje na twój serwer przez webhook.

Jak dostać edytor w moim języku?

Wybierz go w menu języka u góry albo otwórz bezpośrednio jego stronę: /pl/ dla polskiego, /de/ dla niemieckiego, /ja/ dla japońskiego i tak dalej. Edytor zapamiętuje wybór. Prompt dla AI pozostaje po angielsku.

Kto tworzy edytory?

Grünwald Innovation z Neuhausen am Rheinfall w Szwajcarii.