HTML to PDF – HTML-fájl és kód PDF-be

A html to pdf konvertálás akkor jön jól, ha egy weboldal tartalmát, egy e-mail-sablont, egy rendszerből exportált jelentést vagy egy saját magad írt HTML-dokumentumot kell PDF-ként elküldeni, archiválni vagy kinyomtatni. A PDF minden eszközön ugyanúgy néz ki, és nem függ attól, hogy a weboldal holnap is elérhető-e.

Az eszköz a HTML szerkezetét olvassa be: a címsorokból, bekezdésekből, listákból és táblázatokból rendezett, oldalakra tördelt dokumentum lesz. A szöveg a PDF-ben valódi szöveg marad, így kijelölhető és kereshető. Minden a böngésződben történik, a kód és a fájl nem kerül fel szerverre.

A weboldal pdf-be mentésénél sokan egy címet szeretnének beírni. Ezt egy böngészőben futó eszköz nem tudja megtenni: a böngészők biztonsági szabálya (CORS) nem engedi, hogy egy oldal egy másik webhely tartalmát letöltse és feldolgozza. Az ezt kínáló szolgáltatások a saját szerverükön töltik le az oldalt, mi viszont semmit nem küldünk szerverre.

A megoldás egyszerű:

1. Nyisd meg a weboldalt a böngésződben.
2. Mentsd el: Ctrl+S (Macen Cmd+S), formátumként a „Weboldal, csak HTML” lehetőséget.
3. Töltsd fel ide a mentett fájlt.

Vagy nyisd meg az oldal forráskódját (Ctrl+U), másold ki, és illeszd be a „Kód beillesztése” fülön. Ha egy oldalt pontosan úgy szeretnél PDF-ben, ahogy a képernyőn látod, a böngésző saját nyomtatás → „Mentés PDF-ként” funkciója is jó választás.

• Szerkezet: címsorok (h1–h6), bekezdések, sortörések, idézetek, kódblokkok, vízszintes vonalak, definíciós listák.
• Listák: számozott és pontozott, egymásba ágyazva, a start és type beállítással (a, i, A).
• Táblázatok: fejlécsor, összevont cellák (colspan, rowspan), háttérszín, igazítás. A több oldalra futó táblázat fejléce minden oldalon megismétlődik.
• Formázás: félkövér, dőlt, aláhúzott, áthúzott, színes szöveg, felső és alsó index, betűméret, igazítás, behúzás – inline stílusból és a <style> blokk egyszerű szabályaiból (elem, osztály, azonosító).
• Képek: beágyazott (data:) képek, a mellé feltöltött képfájlok fájlnév szerint, és – ha engeded – a webes képek közvetlen letöltése.
• Linkek: a webes linkek kattinthatók, az oldalon belüli horgonyok (#fejezet) a megfelelő oldalra ugranak.
• Oldaltörés: a page-break-before és break-before CSS-szabály új oldalt kezd.

Az oldalméret A4, Letter vagy A5 lehet, álló vagy fekvő tájolással. A margók az oldalmérethez igazodnak, így a szöveg nem tapad a lap széléhez, és nyomtatáskor sem vágódik le.

Az alap betűméret a HTML törzsszövegének mérete pontban; a címsorok, a kis betűs részek és a stílusban megadott méretek ehhez képest arányosan változnak. Széles táblázatnál vagy sűrű jelentésnél a 9–10 pont, hosszabb olvasnivalónál a 11–12 pont a kényelmes.

Az oldalszámok a lap aljára kerülnek, „1 / 12” formában. A címsorokból (h1–h3) PDF-könyvjelzők lesznek, így egy hosszú dokumentációban az oldalsávból ugorhatsz a fejezetek között.

Ez nem egy teljes böngészőmotor, hanem egy dokumentum-konvertáló. Ezért:

• JavaScript nem fut le. Ha egy oldal a tartalmát szkripttel tölti be, a mentett HTML-ben az nem lesz benne. Ilyenkor a böngésző nyomtatás funkciója a jobb út.
• Összetett elrendezés: a hasábok, a flexbox, a grid és a lebegő elemek helyett egyszerű, egymás alatti tördelést kapsz. Az egyoszlopos, keret nélküli „elrendezési” táblázatokat kicsomagoljuk.
• Összetett CSS-szelektorok (például div > p:first-child) nem érvényesülnek, csak az egyszerűek.
• Betűtípus: a PDF a DejaVu Sans betűt használja, amely minden magyar ékezetet ismer; a weboldal saját webfontjai nem kerülnek át.
• Webes képek: a böngésződ közvetlenül kéri le őket, de csak akkor sikerül, ha a kép szervere ezt engedi. Ha nem, mentsd le a képeket, és add hozzá a HTML mellé.
• Videó, hang, űrlapmező, beágyazott SVG-rajz: kimarad, erről a végén üzenetet kapsz.

• Számla vagy jelentés saját rendszerből: ha a program HTML-t tud exportálni, azt közvetlenül ide töltheted, és szép, táblázatos PDF lesz belőle oldalszámozással.
• Széles táblázat: válaszd a fekvő tájolást, és ha kell, kisebb alap betűméretet.
• Keret nélküli táblázatok: a „Minden táblázat kerettel” beállítással minden cella kap vékony keretet.
• Hosszú dokumentáció: használj h1–h3 címsorokat, mert ezekből lesznek a PDF könyvjelzői.

Például egy rendszerből exportált, 300 soros raktárkészlet-táblázat A4 fekvő oldalakon, ismétlődő fejléccel, oldalszámmal készül el néhány másodperc alatt. Több ilyen PDF-et a PDF összefűzés eszközzel egyetlen fájlba tehetsz.