plate

O nástroji

Plate je framework pro React (Next.js, Node.js) určený vývojářům, kteří potřebují do své aplikace zabudovat rich-text editor. Je postaven na Slate.js a TypeScriptu, funguje jako headless řešení – pluginy nemají výchozí styly a chování editoru, hooky, serializaci i normalizaci si vývojář skládá podle potřeby. Součástí jsou i volitelné, nestylované komponenty postavené na Radix UI, které se instalují přes shadcn CLI podle stejného modelu jako shadcn/ui – kód se zkopíruje přímo do aplikace a lze jej dále upravovat. Framework využívá pro správu stavu Zustand, nabízí vlastní klávesové zkratky a sadu API metod a transformací (editor.api, editor.transforms). Podporuje blokové editování, plovoucí panely nástrojů, zmínky, komentáře i AI funkce, přičemž hotové konfigurace editoru (Editor Blocks, např. editor-ai) lze rovnou integrovat. Podle dostupných informací je jádro frameworku pod MIT licencí zdarma, k dispozici je i placená verze Plate Pro s licencí na vývojáře, doživotním přístupem a bezplatnými aktualizacemi, případně s upgradem na tarif Teams za 499 eur. Kód je open source a veřejně dostupný na GitHubu (projekt udecode/plate, přes 16 tisíc hvězdiček), Plate nabízí API a integruje se s nástroji jako Radix UI, shadcn/ui, Tailwind CSS a React ekosystémem. Většina funkcí, pluginů a komponent je určena pouze pro React.

Klíčové vlastnosti

• Headless pluginový systém bez výchozích stylů
• Nestylované komponenty přes shadcn CLI
• Podpora bloků, plovoucích panelů a zmínek
• Vestavěné AI editor bloky (editor-ai)
• Správa stavu přes Zustand
• Vlastní API metody a transformace editoru

Časté dotazy

Kategorie