Alstre
Wypróbuj
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