Kódový dialog je určený pro přesnější úpravu Custom HTML a omezeného CSS. Nejde o prostředí pro spouštění JavaScriptu, PHP ani libovolného webového kódu.
Co se naučíte
- Otevřít kód jen u podporovaného prvku.
- Rozlišit HTML strukturu a CSS vzhled.
- Pracovat v bezpečnostních omezeních editoru.
- Zkontrolovat výsledek bez rozbití šablony.
Dvě vrstvy jednoho bloku
HTML popisuje strukturu: nadpis, odstavec, odkaz, obrázek nebo skupinu prvků. CSS určuje jejich vzhled: barvu, rozestup, rámeček či zarovnání. U modulu Custom HTML může dialog Edit code nabídnout obě části. U jiných podporovaných prvků bývá dostupné jen omezené CSS.
Pokud HTML neznáte, začněte systémovým snippetem a inline editací. Kódový režim používejte až pro drobnosti, které vizuální ovládání nenabízí. Jedna chybějící uzavírací značka může změnit rozložení celého bloku.
Doporučený postup
- Nejdříve modul naklonujte, pokud obsahuje důležitou hotovou variantu.
- Označte podporovaný prvek a v Actions otevřete Edit code.
- Změňte co nejmenší část. U textu raději upravujte jen obsah mezi značkami, ne samotnou strukturu.
- V CSS používejte běžné deklarace a selektory vztahující se k danému bloku. Pro obrázek vyberte bezpečnou referenci z Image Bank.
- Uložte dialog a sledujte validační zprávu. Odmítnutou konstrukci nenahrazujte obcházením filtru.
- Zkontrolujte čistý Preview i mobil. Počkejte na automatické uložení konfigurace.
Co bezpečnostní filtr nepovolí
HTML je serverem i klientem čištěno. Spustitelné skripty, událostní atributy typu onclick, nebezpečné protokoly a další rizikové konstrukce se odmítnou nebo odstraní. CSS nepovoluje například @import, @font-face, JavaScriptové protokoly a libovolné neověřené obrázkové adresy.
Editor nevykonává PHP a snippet není náhradou Joomla pluginu.
Filtr je součást výsledku
Kód, který po uložení zmizí, nebyl v bezpečné sadě. Zvolte jednodušší HTML nebo běžnou vlastnost z inspektoru.
Bezpečný malý příklad
Chcete-li zvýraznit krátkou poznámku, stačí běžný obal s třídou, nadpis a odstavec. V CSS pak nastavíte pozadí, rámeček a padding. Takový blok je srozumitelný, snadno se čistí a dobře se kontroluje.
Při problému se vraťte k poslední funkční podobě a přidávejte deklarace po jedné. Sledujte validační hlášení i konzoli jen jako technickou pomůcku; rozhodující je uložený čistý náhled. Pokud potřebujete interaktivní chování, které bezpečný Custom HTML neumí, řešením je vhodné Joomla rozšíření s vlastním oprávněním a údržbou.
Před exportem blok znovu otevřete a ověřte, že se po sanitizaci uložila právě bezpečná podoba, kterou vidíte. Nespoléhejte na kód, který byl jen dočasně napsaný v dialogu.