@syncfusion/ej2-vue-pdfviewer 34.2.6 → 34.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -20
- package/dist/ej2-vue-pdfviewer.umd.min.js +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -21,12 +21,15 @@ Trusted by the world's leading companies
|
|
|
21
21
|
|
|
22
22
|
> **Using this package with an AI coding agent**
|
|
23
23
|
>
|
|
24
|
-
> Before generating Syncfusion
|
|
24
|
+
> Before generating Syncfusion code, ask your AI coding agent to run the Syncfusion setup using the following prompt:
|
|
25
25
|
>
|
|
26
26
|
> ```text
|
|
27
|
-
> Set up this project for Syncfusion
|
|
27
|
+
> Set up this project for Syncfusion before generating code. Fetch
|
|
28
|
+
> and follow the official instructions at https://ai.syncfusion.com/,
|
|
29
|
+
> then report the detected platform, installed skill pack, MCP
|
|
30
|
+
> status, and any required licensing action.
|
|
28
31
|
> ```
|
|
29
|
-
> The setup detects your project’s platform and loads the appropriate Syncfusion
|
|
32
|
+
> The setup detects your project’s platform and loads the appropriate Syncfusion skill pack. No Syncfusion account or MCP key is required to install or read Syncfusion agent skills.
|
|
30
33
|
>
|
|
31
34
|
> **Platform reference:** [https://ai.syncfusion.com/vue/llms.txt](https://ai.syncfusion.com/vue/llms.txt)
|
|
32
35
|
|
|
@@ -68,23 +71,24 @@ Vue.use(PdfViewerPlugin);
|
|
|
68
71
|
|
|
69
72
|
### Adding CSS references for PDF Viewer
|
|
70
73
|
|
|
71
|
-
|
|
74
|
+
Install the styles package from npm using the following command:
|
|
72
75
|
|
|
73
|
-
```
|
|
74
|
-
|
|
75
|
-
@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
|
|
76
|
-
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
|
|
77
|
-
@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
|
|
78
|
-
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
|
|
79
|
-
@import '../node_modules/@syncfusion/ej2-lists/styles/material.css';
|
|
80
|
-
@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
|
|
81
|
-
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
|
|
82
|
-
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
|
|
83
|
-
@import '../node_modules/@syncfusion/ej2-notifications/styles/material.css';
|
|
84
|
-
@import "../node_modules/@syncfusion/ej2-vue-pdfviewer/styles/material.css";
|
|
85
|
-
</style>
|
|
76
|
+
```bash
|
|
77
|
+
npm install @syncfusion/ej2-tailwind3-theme
|
|
86
78
|
```
|
|
87
79
|
|
|
80
|
+
The Tailwind 3 theme package includes an `index.css` file that automatically imports all required PDF Viewer styles. Add the required PDF Viewer theme style reference in the **\<style\>** section.
|
|
81
|
+
|
|
82
|
+
{% tabs %}
|
|
83
|
+
{% highlight css tabtitle="~/src/App.vue" %}
|
|
84
|
+
|
|
85
|
+
@import '../node_modules/@syncfusion/ej2-tailwind3-theme/styles/pdfviewer/index.css';
|
|
86
|
+
|
|
87
|
+
{% endhighlight %}
|
|
88
|
+
{% endtabs %}
|
|
89
|
+
|
|
90
|
+
For more themes, see the [themes documentation](https://ej2.syncfusion.com/vue/documentation/appearance/theme#theme-packages).
|
|
91
|
+
|
|
88
92
|
## Add PDF Viewer component
|
|
89
93
|
|
|
90
94
|
Add the Vue PDF Viewer by using **ejs-pdfviewer** selector in **template** section of the **App.vue** file.
|
|
@@ -92,7 +96,7 @@ Add the Vue PDF Viewer by using **ejs-pdfviewer** selector in **template** secti
|
|
|
92
96
|
```html
|
|
93
97
|
<template>
|
|
94
98
|
<div id="app">
|
|
95
|
-
<ejs-pdfviewer id="pdfViewer" :
|
|
99
|
+
<ejs-pdfviewer id="pdfViewer" :resourceUrl="resourceUrl" :documentPath="documentPath"> </ejs-pdfviewer>
|
|
96
100
|
</div>
|
|
97
101
|
</template>
|
|
98
102
|
|
|
@@ -104,8 +108,8 @@ export default {
|
|
|
104
108
|
name: 'app',
|
|
105
109
|
data () {
|
|
106
110
|
return {
|
|
107
|
-
|
|
108
|
-
documentPath:"
|
|
111
|
+
resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
|
|
112
|
+
documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
|
|
109
113
|
};
|
|
110
114
|
},
|
|
111
115
|
provide: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-vue-pdfviewer.umd.min.js
|
|
3
|
-
* version : 34.2.
|
|
3
|
+
* version : 34.2.7
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@syncfusion/ej2-vue-pdfviewer",
|
|
3
|
-
"version": "34.2.
|
|
3
|
+
"version": "34.2.7",
|
|
4
4
|
"description": "Essential JS 2 PDF viewer Component for Vue",
|
|
5
5
|
"author": "Syncfusion Inc.",
|
|
6
6
|
"license": "SEE LICENSE IN license",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"@syncfusion/ej2-base": "~34.2.6",
|
|
22
22
|
"@syncfusion/ej2-vue-base": "~34.2.6",
|
|
23
|
-
"@syncfusion/ej2-pdfviewer": "34.2.
|
|
23
|
+
"@syncfusion/ej2-pdfviewer": "34.2.7"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {},
|
|
26
26
|
"scripts": {
|