07 · Szablony
Tryb zaawansowany HTML
Pełna edycja kodu źródłowego — dla designerów i przy zaawansowanych dostosowaniach.
Kiedy używać
Większość edycji robisz w trybie wizualnym — bloki, drag&drop, formatowanie. Tryb HTML uruchamiasz gdy potrzebujesz precyzyjnej kontroli: własne kolory, niestandardowe układy, edycji wynikłej z firmowej księgi znaku, dodanie elementów których nie ma w blokach.
Co możesz tu zrobić
- Wstawić własne style inline (np.
<div style="color:#005bbb;...">) - Zmienić strukturę tabeli, kolorystykę, paddingi
- Dodać własne sekcje (np. „Warunki sklepu internetowego")
- Pisać własne warunki z składnią Handlebars (
{{#if}}...{{/if}}) - Wstawiać tokeny gdzie chcesz (
{{customer_name}}itp.)
Ograniczenia
HTML ≠ pełen HTML
Szablon trafia do silnika PDF (Puppeteer + headless Chrome) — wszystkie style działają jak w przeglądarce. Ale uwagi:
- Brak JavaScript — strony są statyczne, nic interaktywnego
- Linki zewnętrzne (CSS) mogą nie ładować — wszystkie style trzymaj inline
- Obrazy — używaj URL absolutnych lub assetów firmy załadowanych przez UI
- Page break — kontrolujesz przez
page-break-before: always/page-break-inside: avoid
