Jeden uniwersalny stan JSON, trzy renderery: strony WWW, maile HTML i dokumenty PDF. Headless, w pełni customizowalny, oparty na Reactcie i TypeScripcie.
Większość gotowych edytorów drag & drop wymusza własne style i komponenty. KodifyEditor jest headless — Ty dostarczasz design system, my dostarczamy silnik.
Rejestruj własne komponenty React jako klocki. Zero narzuconych klas CSS, zero walki ze stylami.
Renderery generują dokładnie taki HTML, jakiego oczekujesz — bez wrapperów, bez śmieci, bez !important.
Cała treść to serializowalny JSON. Zapisuj w bazie, wersjonuj, renderuj po stronie serwera.
Przeciągaj klocki z biblioteki, zmieniaj kolejność, zagnieżdżaj w kolumnach i sekcjach.
Klikaj i pisz bezpośrednio na płótnie. Inspector do precyzyjnej kontroli właściwości.
Wstawiaj {{ pola }} i mapuj tablice danych — idealne do faktur i personalizacji.
Przełączaj desktop / mobile dla web i tryb podglądu z podstawionymi danymi.
W pełni otypowane API, autouzupełnianie props klocków i bezpieczne schematy.
Wbudowane cofnij / ponów oparte na niemutowalnych snapshotach stanu.
Centralna logika: stan JSON, mechanizm drag & drop, EditorProvider i hook useEditorState.
Komponent <PageBuilder /> i WebRenderer. Klocki sekcji, tekstu, przycisków, siatki.
<EmailBuilder /> + renderer kompilujący stan do <table> z inline CSS — działa w Outlooku.
<DocumentBuilder /> + PdfRenderer ze zmiennymi i tabelami dynamicznymi do faktur.
Każdy węzeł to prosty obiekt: id, type, props i opcjonalne children. Ten sam JSON zasila wszystkie trzy renderery.
Pełna specyfikacja stanu →{
"root": [
{
"id": "b_hero",
"type": "section",
"props": { "bg": "#0f1115" },
"children": [
{
"id": "b_h1",
"type": "heading",
"props": {
"text": "Witaj, {{ clientName }}",
"level": 1
}
}
]
}
]
}Otwórz interaktywne demo albo dodaj paczkę do swojego projektu.