Skip to content

Commit 3cedb8c

Browse files
c-liutianc-liutian
committed
ComPDFKit Web Example for Vue.js
0 parents  commit 3cedb8c

12 files changed

+1051
-0
lines changed

‎.gitignore

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
.DS_Store
11+
node_modules
12+
/dist
13+
coverage
14+
*.local
15+
public/webviewer
16+
17+
# Editor directories and files
18+
.vscode/*
19+
!.vscode/extensions.json
20+
.idea
21+
*.suo
22+
*.ntvs*
23+
*.njsproj
24+
*.sln
25+
*.sw?

‎LICENSE

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
Copyright (C) 2014-2024 PDF Technologies, Inc. All Rights Reserved.
2+
No part of this document can be reproduced, transferred, distributed or stored in any
3+
format without the prior written permission of PDF Technologies.

‎README.md

+83
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
[ComPDFKit PDF SDK](https://www.compdf.com) seamlessly operates on [Web](https://www.compdf.com/web), [Windows](https://www.compdf.com/windows), [Android](https://www.compdf.com/android), [iOS](https://www.compdf.com/ios), [Mac](https://www.compdf.com/contact-sales), and [Server](https://www.compdf.com/server), with support for cross-platform frameworks such as [React Native](https://www.compdf.com/react-native), [Flutter](https://www.compdf.com/flutter), etc.
2+
3+
4+
5+
## Introduction
6+
[ComPDFKit Web SDK](https://www.compdf.com/web) 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](https://www.compdf.com/guides/pdf-sdk/web/make-a-program#integrate-into-a-vanilla-javascript-project), [Vue.js](https://www.compdf.com/guides/pdf-sdk/web/frameworks/vue), [React](https://www.compdf.com/guides/pdf-sdk/web/frameworks/react), [Angular](https://www.compdf.com/guides/pdf-sdk/web/frameworks/angular), [Next.js,](https://www.compdf.com/guides/pdf-sdk/web/frameworks/nextjs) [Nuxt.js](https://www.compdf.com/guides/pdf-sdk/web/frameworks/nuxtjs), [Svelte](https://www.compdf.com/guides/pdf-sdk/web/frameworks/svelte), etc.
7+
8+
9+
10+
## Related
11+
12+
- Download [ComPDFKit for Web](https://www.npmjs.com/package/@compdfkit_pdf_sdk/webviewer) in npm.
13+
- Go to [ComPDFKit's Web Demo](https://www.compdf.com/webviewer/demo) to experience how our WebViewer performs.
14+
- Integrate ComPDFKit Web SDK into [Salesforce](https://www.compdf.com/pdf-sdk/salesforce), [SharePoint](https://www.compdf.com/pdf-sdk/sharepoint), [Microsoft Teams](https://www.compdf.com/contact-sales), etc.
15+
16+
- [How to integrate ComPDFKit Web SDK into a Vue.js project](https://www.compdf.com/blog/integrate-compdfkit-web-sdk-in-vuejs-app)
17+
18+
- [ComPDFKit Standalone Deployment for Web](https://www.compdf.com/blog/compdfkit-standalone-deployment-for-web)
19+
20+
- Recognize and extract data from PDFs with our online [Extract Demo](https://www.compdf.com/pdf-extract/demo)
21+
22+
23+
24+
## Prerequisites
25+
26+
To get started, you'll need:
27+
28+
- The latest stable version of Node.js.
29+
- A package manager compatible with npm.
30+
- License Key: Get a [free 30-day license](https://www.compdf.com/pricing) on our website to test the project.
31+
32+
33+
34+
35+
## Getting Started
36+
37+
1. Clone the repository:
38+
39+
```bash
40+
git clone https://github.com/ComPDFKit/compdfkit-web-example-vuejs.git
41+
cd compdfkit-web-example-vuejs
42+
```
43+
44+
2. Install the dependencies of the example project with npm:
45+
46+
```bash
47+
npm install
48+
```
49+
50+
51+
52+
## License
53+
54+
Replace the `<Input your license here>` field in the `src/components/WebViewer.vue` with the license you get from our Team.
55+
56+
ComPDFKit for Web supports flexible licensing options, please contact [our sales team](mailto:[email protected]) 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.
57+
58+
59+
60+
## Run the Example
61+
62+
```bash
63+
npm run dev
64+
```
65+
66+
You can now visit `http://localhost:5173` in your browser. Then you will be able to see the PDF file you want to display.
67+
68+
69+
70+
## Support
71+
72+
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.
73+
74+
- For detailed information, please visit our [Guides](https://www.compdf.com/guides/pdf-sdk/web/overview) page.
75+
- Stay updated with the latest improvements through our [Changelog](https://www.compdf.com/pdf-sdk/changelog-web).
76+
- For technical assistance, please reach out to our [Technical Support](https://www.compdf.com/support).
77+
- To get more details and an accurate quote, please contact our [Sales Team](https://compdf.com/contact-us).
78+
79+
80+
81+
## Note
82+
83+
We are glad to announce that you can register a ComPDFKit API account for a [free trial](https://api.compdf.com/api/pricing) to process 1000 documents per month for free.

‎index.html

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<link rel="icon" href="/favicon.ico">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>ComPDFKit Web Viewer</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/src/main.js"></script>
12+
</body>
13+
</html>

0 commit comments

Comments
 (0)