HTML til PDF

Konverter HTML-kode eller nettsider til PDF-dokumenter. Enkelt og gratis.

Sidest?rrelse:

Orientering:

Marger:

Fra kode til dokument

HTML er nettets spr?k �C det definerer hvordan innhold struktureres og presenteres i nettlesere. Men noen ganger trenger du dette innholdet i et mer portabelt format. Kanskje du vil arkivere en nettside, dele en rapport du har kodet, eller lage en PDF fra en mal du har designet i HTML.

Dette verkt?yet tar HTML-kode �C enten limt inn direkte eller lastet opp som fil �C og renderer den til en PDF. Det er perfekt for webutviklere som vil lage rapporter, designere som jobber med HTML-maler, eller alle som trenger ? konvertere nettinnhold til PDF.

Forh?ndsvisningsfunksjonen lar deg se hvordan HTML-en vil se ut f?r du konverterer, slik at du kan justere koden om n?dvendig.

To m?ter ? legge inn HTML

HTML-kode: Lim inn kode direkte i teksteditoren. Perfekt for korte kodesnutter, maler eller innhold du allerede har kopiert. Du kan inkludere HTML-tagger, CSS-stiler og enkel formatering.

Last opp fil: Dra og slipp en .html- eller .htm-fil, eller velg den fra datamaskinen. Filen leses og innholdet vises i editoren, der du kan gj?re eventuelle justeringer f?r konvertering.

Trinn-for-trinn-veiledning

Legg inn HTML-kode
Lim inn HTML-koden i editoren, eller bytt til filopplasting for ? laste opp en HTML-fil. Koden trenger ikke v?re et komplett dokument �C fragmenter fungerer ogs?.
Forh?ndsvis resultatet
Klikk "Forh?ndsvis" for ? se hvordan HTML-en vil se ut. Dette gir deg mulighet til ? justere koden f?r konvertering.
Velg innstillinger
Velg sidest?rrelse (A4, Letter, Legal), orientering (st?ende eller liggende), og margst?rrelse.
Konverter til PDF
Klikk "Konverter til PDF". Dokumentet genereres og lastes ned automatisk.

Tips for best resultat

Inline-stiler: For best resultat, bruk inline CSS (style-attributter) i stedet for eksterne stilark. Eksterne CSS-filer lastes ikke inn under konverteringen.

Sideskift: For ? kontrollere hvor sideskift skjer, bruk CSS: style="page-break-before: always;" p? elementer som skal starte p? ny side.

Bilder: Bilder m? v?re innebygd som base64-data for ? inkluderes i PDF-en. Eksterne bildelenker vil ikke fungere.

Fonter: Standard systemfonter st?ttes best. Egendefinerte webfonter kan gi varierende resultater.

Fullstendig personvern

All prosessering skjer lokalt i din nettleser. HTML-koden din sendes aldri til noen server. PDF-en genereres p? din datamaskin ved hjelp av html2pdf.js-biblioteket.

N?r du lukker nettleservinduet, finnes ingen spor av koden eller dokumentet ditt. Du kan trygt konvertere HTML med sensitiv informasjon.

Fungerer eksterne CSS-stilark og JavaScript?

Eksterne CSS-stilark (lenket via <link>-tagger) lastes ikke inn under konverteringen. For ? f? stilene med, m? du enten bruke inline-stiler (style-attributter) eller inkludere CSS direkte i <style>-blokker i HTML-en.

JavaScript utf?res ikke under konverteringen. PDF-en fanger den statiske HTML-strukturen �C dynamisk innhold generert av JavaScript vil ikke v?re med.

For best resultat, lag HTML som ser ferdig ut uten ? v?re avhengig av eksterne ressurser eller skript.

Hvordan inkluderer jeg bilder i PDF-en?

Bilder m? v?re innebygd i HTML-en som base64-data for ? inkluderes i PDF-en. Eksterne bildelenker (som <img src="https://...">) vil ikke fungere da de ikke lastes under konverteringen.

For ? konvertere et bilde til base64, kan du bruke online-verkt?y eller programmere det selv. Base64-koden settes inn som: <img src="data:image/png;base64,KODE_HER">

Alternativt kan du lage HTML-dokumentet i et program som automatisk h?ndterer dette, og deretter eksportere eller kopiere den endelige HTML-en.

Kan jeg konvertere en hel nettside fra URL?

Dette verkt?yet st?tter ikke direkte konvertering fra URL av sikkerhetsgrunner. Du m? i stedet laste ned nettsiden som HTML og deretter laste opp filen her.

For ? laste ned en nettside: G? til siden i nettleseren, h?yreklikk og velg "Lagre som" eller "Lagre side som". Velg "Nettside, kun HTML". Last deretter opp den lagrede filen her.

Merk at eksterne ressurser (bilder, stilark) m? inkluderes manuelt for ? f? et komplett resultat.

Hvordan kontrollerer jeg sideskift?

Du kan kontrollere sideskift med CSS page-break-egenskaper. Legg til disse stilene p? elementer der du ?nsker sideskift:

page-break-before: always; �C Starter ny side f?r elementet
page-break-after: always; �C Starter ny side etter elementet
page-break-inside: avoid; �C Unng?r ? dele elementet over sider

Eksempel: <div style="page-break-before: always;">Ny side starter her</div>

Hvorfor ser PDF-en annerledes ut enn forh?ndsvisningen?

Forh?ndsvisningen viser HTML-en slik nettleseren tolker den, mens PDF-en genereres gjennom en rendering-prosess som kan gi noen forskjeller. Vanlige ?rsaker inkluderer:

? Margininnstillinger som p?virker plassering av innhold
? Sideskift som deler innhold p? uventede steder
? Fonter som erstattes med standardfonter
? Dynamisk innhold (JavaScript) som ikke utf?res

For best match, bruk enkle layouts og test med ulike marginnstillinger.

St?ttes tabeller og kompleks layout?

Ja, HTML-tabeller st?ttes og konverteres til PDF. For best resultat, bruk standard <table>-markup med <thead>, <tbody> og <tr>/<td>-elementer.

Kompleks layout med CSS Grid og Flexbox st?ttes i noen grad, men enklere layouts gir mer p?litelige resultater. Flytende kolonner og posisjonerte elementer kan oppf?re seg annerledes i PDF enn i nettleseren.

For komplekse dokumenter, test konverteringen og juster layouten om n?dvendig.

Kan jeg inkludere egendefinerte fonter?

Egendefinerte webfonter (via @font-face eller Google Fonts) gir varierende resultater. De m? v?re lastet inn f?r konvertering, noe som ikke alltid er p?litelig i denne prosessen.

For best resultat, bruk standard systemfonter: Arial, Times New Roman, Helvetica, Georgia, Verdana. Disse er alltid tilgjengelige og gir konsistente resultater.

Hvis du m? bruke spesielle fonter, vurder ? inkludere dem som base64-data i @font-face-deklarasjonen, selv om dette ?ker filst?rrelsen betydelig.