Atvirojo kodo JavaScript PDF peržiūros biblioteka

Kas yra PDFObject?

PDFObject yra nemokama atvirojo kodo „JavaScript“ biblioteka, sukurta PDF dokumentams įterpti į tinklalapius. Jis veikia generuojant HTML įterpimo elementą ir integruojant jį į HTML struktūrą. Tada įterpimo elementas pateikia PDF dokumentą. PDFObject nėra pats atvaizduotojas; o pagrindinis dėmesys skiriamas įterpimo elemento kūrimui ir įdėjimui į HTML. Jis gali sukurti įterpimo elementus, kad būtų rodomi viso dydžio PDF failai arba nurodytose tinklalapio dalyse.

Toliau pateikiamos kelios pagrindinės PDFObject funkcijos:

• Atsarginis mechanizmas: PDFObject turi atsarginį mechanizmą, todėl tais atvejais, kai naršyklė nepalaiko PDF failų įterpimo, PDFObject automatiškai suaktyvina atsarginę logiką, leidžiančią kūrėjams pateikti nuorodą į PDF arba bet kokią kitą alternatyvią logiką, jei reikia. .
• PDF.js integravimas: PDFObject suteikia pasirenkamą integraciją su PDF.js, todėl kūrėjai gali įterpti PDF failus, neatsižvelgiant į naršyklės numatytąjį PDF žiūrovas. Ši funkcija naudinga, kai naršyklė nepalaiko PDF dokumentų įterpimo į HTML.
• PDF atvirieji parametrai: PDFObject palaiko patentuotus Adobe PDF Open Parameters, leidžiančius kūrėjams nurodyti PDF rodymo parametrus. Tai apima tokias parinktis kaip peržiūros režimas ir kiti „Adobe“ būdingi nustatymai. Visus šiuos parametrus galite rasti čia.

GitHub Stats

Name:
Language:
Stars:
Forks:
License:
Repository was last updated at

Darbo su PDFObject pradžia

PDFObject biblioteką galime atsisiųsti naudodami npm modulį:

npm i pdfobject

Įterpkite PDF į HTML naudodami naršyklės palaikymo patvirtinimą

Naudodami PDFObject biblioteką galime įterpti PDF dokumentą į HTML. Iš pradžių patikrinsime, ar naršyklė palaiko PDF dokumento įterpimą į HTML, naudodami PDFObject bibliotekos metodą supportPDFs. Jei grąžinama tiesa, nurodydama, kad palaiko PDF įterpimą į HTML, įterpsime PDF į HTML naudodami embed("document_name.pdf","#elementid") metodą. Ši funkcija įterps PDF į konkretų HTML elementą. Viso dydžio PDF įterpimo atveju neminėsime jokio elemento ID ir vadinsime metodą embed("document_name.pdf"). Tačiau, jei jis pateikia klaidingą informaciją, nurodydamas, kad nepalaiko PDF įterpimo į HTML, prireikus pereisime prie kitos alternatyvios logikos. Norėdami gauti daugiau informacijos, patikrinkite toliau pateiktą kodo fragmentą:

Šioje išvestyje rodomas PDF dokumentas, įdėtas į HTML:

Sukurkite atsarginį mechanizmą

Galime sukurti atsarginį mechanizmą įterpdami PDF į tinklalapį naudodami PDFObject, kuris suaktyvinamas, kai naršyklė nepalaiko PDF įterpimo į HTML. „PDFObject“ naudoja parametrą, vadinamą fallbackLink, kuriame yra alternatyvi logika iškviečiant funkciją įterpti. Taigi, jei naršyklė nepalaiko PDF failų įterpimo, kodas, esantis atsarginėje nuorodoje, vykdomas nurodytame elemente div. Norėdami gauti daugiau informacijos, patikrinkite toliau pateiktą kodo fragmentą:

Išvesties ekrano kopijoje rodomas atsarginio mechanizmo rodomas turinys. Atsarginis mechanizmas buvo suaktyvintas, kai naršyklė nepalaiko PDF failų įterpimo į HTML.

Įterpkite PDF naudodami „Adobe“ PDF atidarymo parametrus

Naudodami PDFObject biblioteką galime įterpti PDF failus su kai kuriais atidarymo parametrais. Naudosime metodą PDFObject.embed("mano failas.pdf", "#mano konteineris", {pdfOpenParams: { parametrai }}) norėdami įterpti PDF dokumentą į HTML kartu su atidarymo parametrais . Šie PDF atidarymo parametrai apima tokias funkcijas kaip PDF atidarymas ir slinkimas iki konkretaus puslapio numerio. Norėdami gauti daugiau informacijos, patikrinkite toliau pateiktą kodo fragmentą:

Toliau pateiktoje ekrano kopijoje rodomas į HTML įterptas PDF dokumentas su papildomais parametrais, dėl kurių įdėjimo elementas po pateikimo slenka iki 3 puslapio:

Įterpkite PDF integruodami PDF.js

Kaip žinome, PDFObject priklauso nuo naršyklės palaikymo įterpti PDF failus į HTML, tačiau jis suteikia alternatyvų PDF failų pateikimo būdą, jei naršyklė jo nepalaiko. Alternatyvus būdas yra integruoti PDF.js su PDFObject. Norėdami tai padaryti, savo serveryje turėsime nustatyti PDF.js, tada perduosime ForcePDFJS: true ir PDFJS_URL: path/to/viewer.html/in/pdf.js parametrus į funkciją įterpti.

Pastaba: toliau pateiktame kodo fragmento pavyzdyje sukūrėme ir inicijavome serverį, kuriame yra PDF.js biblioteka, todėl http://localhost:8888 nukreipia į PDF.js biblioteką.

Šioje ekrano kopijoje parodytas PDF dokumentas, pateiktas integruojant PDFObject su PDF.js:

Išvada

Apibendrinant, PDFObject yra lengvai naudojama „JavaScript“ biblioteka, skirta PDF dokumentams įterpti į HTML. Nors ji neveikia kaip atvaizdavimo priemonė ir remiasi naršyklės įterpimo elementų palaikymu, dėl kurio gali kilti problemų, pvz., sugedusi vartotojo sąsaja naršyklėse, kurios nepalaiko įterptinio elemento, tačiau bibliotekoje yra funkcijų, leidžiančių išspręsti tokias problemas aptikdama įterpti elementą ir atsarginį mechanizmą. Taip pat galime pateikti PDF failus naršyklėse, kurios nepalaiko įterptųjų elementų, integruodami PDF.js su PDFObject. Nepaisant apribojimų, PDFObject išsiskiria kaip vertinga priemonė, skirta įterpti ir pateikti PDF dokumentus tinklalapiuose.

Similar Products