Fără încărcare, 100% local, fără cont

HTML în PDF

Lipiți HTML, alegeți o dimensiune de pagină și descărcați un PDF, totul este redat în browser.

Cum funcționează HTML în PDF

HTML to PDF preia marcajul HTML pe care îl lipiți în editor, îl curăță cu DOMPurify pentru a elimina scripturile și atributele nesigure, îl randează pe un canvas din afara ecranului folosind html2canvas și codifică rezultatul într-un PDF cu jsPDF. Întregul proces rulează în fila de browser; niciun cod HTML și nicio ieșire randată nu este transmisă vreunui server. Acest lucru îl face potrivit pentru conversia fragmentelor HTML care conțin date personale pe care nu ați vrea să le lipiți într-un serviciu online.

Înțelegeți formatul de ieșire înainte de a vă baza pe el. Paginile PDF sunt imagini raster, nu text vectorial. Textul din rezultat nu este selectabil, nu poate fi căutat și nu poate fi reformatat. Resursele externe, precum imaginile referențiate printr-un URL, sunt blocate de politica CORS a browserului și nu se vor încărca. Stilurile inline și CSS-ul încorporat funcționează, dar aspectele complexe, cu fonturi web personalizate sau grid CSS avansat, ar putea să nu se randeze cu acuratețe. Pentru o conversie fidelă a paginilor web complete, un browser headless rulat pe server este instrumentul mai potrivit.

Scris de Bastien Sulyan

Cum se folosește HTML în PDF, pas cu pas

  1. Lipiți marcajul HTML în zona editorului.
  2. Ajustați opțional dimensiunea paginii (A4 sau Letter) și orientarea.
  3. Apăsați Convert; DOMPurify curată HTML-ul și html2canvas îl randează.
  4. Așteptați ca jsPDF să encodeze ieșirea canvas ca pagini PDF.
  5. Descărcați PDF-ul.

Cazuri de utilizare frecvente

  • Ați generat o factură HTML în browser dintr-un șablon local și doriți o copie PDF fără a o trimite către un serviciu de conversie.
  • Un raport HTML simplu construit din date API trebuie salvat ca PDF pentru arhivare; lipește HTML-ul și convertește local.
  • Ați scris un șablon de email HTML stilizat și doriți să previzualizați cum ar arăta imprimat ca PDF.
  • Un dezvoltator are nevoie de un PDF rapid dintr-un fragment HTML în timpul testarii, fără a configura un browser headless pe server.

Întrebări frecvente

De ce textul din PDF-ul de ieșire nu este selectabil?

Pipeline-ul de conversie randează HTML-ul pe un bitmap canvas folosind html2canvas, apoi encodează acel bitmap ca date de imagine în interiorul paginilor PDF cu jsPDF. Fișierul de ieșire este o imagine rasterizata, nu un strat de text. Dacă aveți nevoie de un PDF cu text selectabil, aveți nevoie de un browser headless pe server, cum ar fi Puppeteer, pe care acest instrument îl evita intenționat pentru a păstra procesarea locală.

De ce imaginile din HTML-ul meu nu apar în PDF?

Imaginile încărcate din URL-uri externe sunt supuse politicii CORS a browserului. Dacă serverul de imagini nu trimite anteturi CORS permisive, html2canvas nu poate citi datele de pixel iar slotul de imagine se randează gol. Imaginile inline encodate în base64 încorporate direct în HTML sau imaginile din aceeași origine funcționează fără aceasta restricție.

HTML-ul pe care îl lipesc este trimis pe un server?

Nu. HTML-ul rămâne în memoria browserului pe toată durata. DOMPurify îl curăță pe partea clientului, html2canvas îl randează pe partea clientului, iar jsPDF encodează PDF-ul pe partea clientului. Nimic nu părăsește fila de browser.

Ce elimină sanitizarea DOMPurify?

DOMPurify elimină tagurile script, atributele de gestionare a evenimentelor cum ar fi onclick și onload, URL-urile javascript: și alte constructe care ar putea executa cod. Păstrează marcajul structural și de stilizare, deci ieșirea randată arată la fel dar este sigură pentru inserarea într-un context de document.

Pot converti un URL complet de pagină web în loc să lipesc HTML?

Nu. Instrumentul funcționează cu marcajul HTML pe care îl lipești direct. Încărcarea unui URL ar necesita preluarea paginii, ceea ce întâmpină restricții CORS pentru cele mai multe site-uri și ar implica o cerere de rețea care scoate operația din modelul de procesare locală.