1. Billeder mangler eller er ødelagt
Hvis din PDF eksporteres med manglende billeder, er det normalt fordi billederne bruger relative stier (f.eks., src="/images/logo.png") eller blokeres af browserens sikkerhedspolitikker.
Rettelsen: Brug absolutte URL'er (f.eks., src="https://example.com/images/logo.png") eller indlejr billeder direkte som Base64-data-URI'er.
2. CSS-stilarter anvendes ikke
Nogle gange ser din HTML-forhåndsvisning fantastisk ud, men PDF-outputtet er helt ustilet tekst.
Rettelsen: Konverteren kan have svært ved at indlæse eksterne stylesheets. Prøv at flytte din CSS ind i en inline <style> -blok i head af dit dokument, eller brug inline style="..." -attributter på individuelle elementer.
3. Akavede sideskift
Som standard hugger HTML-konvertere dit dokument strengt baseret på sidehøjde, hvilket akavet kan opdele tabeller, billeder eller afsnit over to sider.
Rettelsen: Brug CSS-printegenskaber til eksplicit at kontrollere sideskift:
.no-break {
page-break-inside: avoid;
}
.force-break-before {
page-break-before: always;
}Anvend .no-break -klassen på tabeller eller billed-containere for at forhindre, at de bliver skåret i to.
4. Layoutet er for bredt
Websider er designet til at fylde brede vandrette skærme, mens standard-PDF'er (som A4 eller US Letter) er høje og smalle.
Rettelsen: Sørg for at din HTML-container har en maksimal bredde indstillet. Vi anbefaler at tvinge en max-width wrapper på omkring 680px for at simulere en standard udskrevet sidebredde.
Har du stadig problemer?
Prøv at indsætte din kode i vores HTML to PDF converter. Det er afhængigt af en høj-fidelity-gengivelsesmotor, der håndterer mange af disse kanttilfælde automatisk.