Nessun upload, 100% locale, nessun account

HTML in PDF

Incolla l’HTML, scegli un formato pagina e scarica un PDF; tutto viene reso nel tuo browser.

Come funziona HTML in PDF

Da HTML a PDF prende il markup HTML che incolli nell'editor, lo sanifica con DOMPurify per rimuovere script e attributi non sicuri, lo renderizza su un canvas fuori schermo usando html2canvas, e codifica il risultato in un PDF con jsPDF. L'intera pipeline gira nel tuo browser; nessun codice HTML o output renderizzato viene trasmesso ad alcun server. Questo lo rende adatto alla conversione di frammenti HTML contenenti dati personali che non vorresti incollare in un servizio online.

Comprendi il formato di output prima di affidarti a esso. Le pagine PDF sono immagini raster, non testo vettoriale. Il testo nell'output non è selezionabile, non è ricercabile e non può essere riformattato. Le risorse esterne come immagini referenziate tramite URL sono bloccate dalla politica CORS del browser e non si caricheranno. Gli stili inline e il CSS incorporato funzionano, ma i layout complessi con font web personalizzati o CSS grid avanzato potrebbero non essere renderizzati correttamente. Per la conversione fedele al documento di pagine web complete, uno strumento con browser headless lato server è più appropriato.

Scritto da Bastien Sulyan

Come usare HTML in PDF, passo dopo passo

  1. Incolla il tuo markup HTML nell'area editor.
  2. Regola facoltativamente il formato pagina (A4 o Letter) e l'orientamento.
  3. Fai clic su Converti; DOMPurify sanifica l'HTML e html2canvas lo renderizza.
  4. Attendi che jsPDF codifichi l'output del canvas come pagine PDF.
  5. Scarica il PDF.

Casi d'uso comuni

  • Hai generato una fattura HTML nel tuo browser da un modello locale e vuoi una copia PDF senza inviarla a un servizio di conversione.
  • Un semplice report HTML costruito da dati API deve essere salvato come PDF per l'archiviazione; incolla l'HTML e converti localmente.
  • Hai scritto un modello di email HTML stilizzata e vuoi vedere come apparirebbe stampata come PDF.
  • Uno sviluppatore ha bisogno di un PDF rapido da un frammento HTML durante i test, senza configurare un browser headless lato server.

Domande frequenti

Perché il testo nel PDF di output non è selezionabile?

La pipeline di conversione renderizza l'HTML su una bitmap canvas usando html2canvas, poi codifica quella bitmap come dati immagine nelle pagine PDF con jsPDF. L'output è un'immagine rasterizzata, non un livello testo. Se hai bisogno di un PDF con testo selezionabile, avresti bisogno di un browser headless lato server come Puppeteer, che questo strumento evita intenzionalmente per mantenere l'elaborazione locale.

Perché le immagini nel mio HTML non appaiono nel PDF?

Le immagini caricate da URL esterni sono soggette alla politica CORS del browser. Se il server delle immagini non invia intestazioni CORS permissive, html2canvas non riesce a leggere i dati pixel e lo slot immagine viene renderizzato vuoto. Le immagini inline con codifica base64 incorporate direttamente nell'HTML o le immagini della stessa origine funzionano senza questa restrizione.

L'HTML che incollo viene inviato a un server?

No. L'HTML rimane nella memoria del browser per tutta la durata. DOMPurify lo sanifica lato client, html2canvas lo renderizza lato client, e jsPDF codifica il PDF lato client. Nulla lascia il browser.

Cosa rimuove la sanificazione DOMPurify?

DOMPurify rimuove i tag script, gli attributi gestori di eventi come onclick e onload, gli URL javascript: e altri costrutti che potrebbero eseguire codice. Preserva il markup strutturale e di stile, così l'output renderizzato appare uguale ma è sicuro da inserire in un contesto documento.

Posso convertire un URL di una pagina web completa invece di incollare l'HTML?

No. Lo strumento funziona con il markup HTML che incolli direttamente. Caricare un URL richiederebbe il recupero della pagina, che incontra le restrizioni CORS per la maggior parte dei siti e comporterebbe una richiesta di rete che porta l'operazione al di fuori del modello di elaborazione locale.