Inline editace — upravte obsah stránky přímo v náhledu

Inline editace — upravte obsah stránky přímo v náhledu
15. 1. 2026
Systém umožňuje editovat texty, obrázky i celé moduly přímo v živém náhledu stránky — bez přepínání do samostatného editoru. Stačí přidržet myš na prvku a otevře se editační panel.

Inline editace se aktivuje automaticky vždy, když prohlížíte stránku v preview iframe uvnitř administrace. Systém do iframe nenápadně vloží obslužné skripty a CSS. Jakmile najedete myší na editovatelný prvek, zobrazí se barevné orámování podle typu: červená značí přímý inline prvek (text, nadpis, odkaz, obrázek), zelená označuje položku modulu a modrá kontejner celého modulu.

Editaci spustíte přidržením myši nebo prstu po dobu přibližně 600 ms — zobrazí se kruhový loader, který se postupně naplní. Po jeho dokončení se otevře panel s příslušnými poli. U textů editujete obsah přímo, u obrázků zadáte novou URL nebo nahrajete soubor, u položek modulu se otevře plný administrační formulář. Uložení zapíše změnu atomicky do HTML souboru na disku a okamžitě aktualizuje i náhled.

Inline editace podporuje všechny základní typy prvků: text, heading, link, image, svg, video a icon. Pro uživatele klávesnice funguje alternativně přes Tab + Enter. Veškeré změny jsou chráněny CSRF tokenem a kontrolou oprávnění — upravovat obsah mohou pouze přihlášení administrátoři.