Žádné nahrávání, 100% lokálně, bez účtu

HTML do PDF

Vložte HTML, vyberte velikost stránky a stáhněte PDF, vše se vykresluje v prohlížeči.

Jak HTML do PDF funguje

HTML na PDF bere HTML značkování, které vložíte do editoru, čistí je s DOMPurify pro odstranění skriptů a nebezpečných atributů, vykreslí ho na neviditelném plátně pomocí html2canvas a zakóduje výsledek do PDF pomocí jsPDF. Celá pipeline probíhá uvnitř vašeho prohlížeče; žádný HTML kód ani vykreslený výstup není přenesen na žádný server. Díky tomu je vhodný pro konverzi fragmentů HTML obsahujících osobní data, které byste nechtěli vložit do online služby.

Před spolehnutím se na něj pochopte výstupní formát. Stránky PDF jsou rastrové obrázky, ne vektorový text. Text ve výstupu není vybíratelný, není prohledávatelný a nemůže být přetočen. Externí zdroje jako obrázky odkazované URL jsou blokovány politikou CORS prohlížeče a nenačtou se. Inline styly a vložené CSS fungují, ale složité rozvržení s vlastními webovými fonty nebo pokročilým CSS gridem nemusí být vykreslováno přesně. Pro dokumentově věrný přenos celých webových stránek je vhodnějším nástrojem bezhlavý prohlížeč běžící na straně serveru.

Napsal Bastien Sulyan

HTML do PDF: návod krok za krokem

  1. Vložte své HTML značkování do oblasti editoru.
  2. Volitelně upravte velikost stránky (A4 nebo Letter) a orientaci.
  3. Klikněte na konvertovat; DOMPurify vyčistí HTML a html2canvas ho vykreslí.
  4. Počkejte, až jsPDF zakóduje výstup plátna jako stránky PDF.
  5. Stáhněte PDF.

Časté případy použití

  • Vygenerovali jste HTML fakturu ve vašem prohlížeči z lokální šablony a chcete kopii PDF bez jejího odesílání do konverzní služby.
  • Jednoduchá zpráva HTML sestavená z dat API musí být uložena jako PDF pro archivování; vložte HTML a konvertujte lokálně.
  • Napsali jste stylizovanou šablonu HTML e-mailu a chcete se podívat, jak by to vypadalo vytištěné jako PDF.
  • Vývojář potřebuje rychlé PDF z fragmentu HTML při testování, bez nastavování bezhlavého prohlížeče na straně serveru.

Často kladené otázky

Proč text ve výstupním PDF není vybíratelný?

Konverzní pipeline vykreslí HTML na bitmapové plátno pomocí html2canvas a pak zakóduje tuto bitmapu jako obrázková data uvnitř stránek PDF pomocí jsPDF. Výstup je rasterizovaný obrázek, ne textová vrstva. Pokud potřebujete PDF s vybíratelným textem, potřebovali byste bezhlavý prohlížeč na straně serveru jako Puppeteer, čemuž se tento nástroj úmyslně vyhýbá, aby zpracování zůstávalo lokální.

Proč se obrázky v mém HTML neobjevují v PDF?

Obrázky načtené z externích URL podléhají politice CORS prohlížeče. Pokud server obrázku neposílá permisivní hlavičky CORS, html2canvas nemůže přečíst pixelová data a místo obrázku se zobrazí prázdné. Inline base64-kódované obrázky vložené přímo v HTML nebo obrázky ze stejného původu fungují bez tohoto omezení.

Je HTML, které vkládám, odesláno na server?

Ne. HTML zůstává v paměti prohlížeče po celou dobu. DOMPurify ho čistí na straně klienta, html2canvas ho vykreslí na straně klienta a jsPDF zakóduje PDF na straně klienta. Nic neopouští prohlížeč.

Co odstraňuje čištění DOMPurify?

DOMPurify odstraňuje tagy skriptu, atributy obsluhy událostí jako onclick a onload, URL javascript: a další konstrukce, které by mohly spouštět kód. Zachovává strukturovací a stylovací značkování, takže vykreslený výstup vypadá stejně, ale je bezpečný pro vložení do kontextu dokumentu.

Mohu konvertovat URL celé webové stránky místo vkládání HTML?

Ne. Nástroj pracuje s HTML značkováním, které vkládáte přímo. Načtení URL by vyžadovalo stažení stránky, které naráží na omezení CORS pro většinu webů a zahrnuje síťový požadavek, který přesahuje operaci lokálního zpracování.

Související nástroje

Zachovejte vše lokálně, prozkoumejte doplňkové nástroje.

Všechny PDF nástroje