ComPDFKit / compdfkit-web-example-vanilla-javascript

Example of how to integrate ComPDFKit for Web in a Vanilla JavaScript project.

ComPDFKit PDF SDK seamlessly operates on Web, Windows, Android, iOS, Mac, and Server, with support for cross-platform frameworks such as React Native, Flutter, etc.

Introduction

ComPDFKit Web SDK is a powerful JavaScript-based PDF Library with a slick out-of-the-box responsive UI, which is ideal for developers looking to enhance web apps with powerful PDF features. It enables you to develop a Webviewer in multiple frameworks, including Vanilla JavaScript, Vue.js, React, Angular, Next.js, Nuxt.js, Svelte, etc.

Let's start to download and integrate ComPDFKit Web SDK into a Vanilla JavaScript project, and freely embed specific PDF functionality afterwards.

Related

• Download ComPDFKit for Web in npm.

• Go to ComPDFKit's Web Demo to experience how our WebViewer performs.

• Integrate ComPDFKit Web SDK into Salesforce, SharePoint, Microsoft Teams, etc.

• How to Build a PDF Viewer with JavaScript

• ComPDFKit Standalone Deployment for Web

• Recognize and extract data from PDFs with our online Extract Demo

Prerequisites

To get started, you'll need:

• The latest stable version of Node.js.
• A package manager compatible with npm.
• License Key: Get a free 30-day license on our official website to test the project.

Getting Started

1. Clone the repository:

git clone https://github.com/ComPDFKit/compdfkit-web-example-vanilla-javascript.git
cd compdfkit-web-example-vanilla-javascript

2. Install the dependencies of the example project with npm:

npm install

License

Replace the <Input your license here> field in the index.html with the license you get from our Team.

ComPDFKit for Web supports flexible licensing options, please contact our sales team to know more. Each license is only valid for a root domain name and any of its subdomains. However, any documents, sample code, or source code distribution from the released package of ComPDFKit PDF SDK to any third party is prohibited.

Run the Example

npm start

You can visit http://localhost:8080 on your browser. Then you will be able to see the PDF file you want to display.

Support

ComPDFKit has a professional R&D team that produces comprehensive technical documentation and guides to help developers. Also, you can get an immediate response when reporting your problems to our support team.

• For detailed information, please visit our Guides page.

• Stay updated with the latest improvements through our Changelog.

• For technical assistance, please reach out to our Technical Support.

• To get more details and an accurate quote, please contact our Sales Team.

Note

We are glad to announce that you can register a ComPDFKit API account for a free trial to process 1000 documents per month for free.