PSPDFKit for Web Example – Webpack

This example shows how to build a PSPDFKit for Web web application with webpack.

This example uses the Standalone version of PSPDFKit for Web distributed as an npm package.

Prerequisites

• Node.js
• A PSPDFKit for Web license. If you don't already have one you can request a free trial here.

Support, Issues and License Questions

PSPDFKit offers support for customers with an active SDK license via https://pspdfkit.com/support/request/

Are you evaluating our SDK? That's great, we're happy to help out! To make sure this is fast, please use a work email and have someone from your company fill out our sales form: https://pspdfkit.com/sales/

Getting Started

Clone the repo:

git clone https://github.com/PSPDFKit/pspdfkit-web-example-webpack.git
cd pspdfkit-web-example-webpack

Install the project dependencies with npm:

npm install

Now that everything is installed we need to configure the app to use our PSPDFKit for Web license key.

Edit ./config/license-key and replace the string YOUR_LICENSE_KEY_GOES_HERE with the license key that you received via e-mail.

Running the Example

We are ready to launch the app! 🎉

npm run start

You can now open http://localhost:8080 in your browser and enjoy!

Upload a PDF either via the Select File button at top-left or by dropping a PDF into the page.

We put a sample PDF document in the assets folder of this project for you to try!

For further instructions please refer to our online guide available at https://pspdfkit.com/guides/web/current/standalone/adding-to-your-project#toc_install-with-npm

If you are using an evaluation license you can find the license key at https://pspdfkit.com/guides/web/current/standalone/integration/#toc_example-application

Development mode

To run the app in development mode run

npm run start:dev

webpack configuration file

The webpack configuration file is located at ./config/webpack.js.

License

This software is licensed under a modified BSD license.

Contributing

Please ensure you signed our CLA so we can accept your contributions.