4
4
< meta charset ="UTF-8 ">
5
5
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
6
< title > Essential JS 2</ title >
7
-
8
- <!-- meta tag for Content-Security-Policy -->
9
- < meta http-equiv ="Content-Security-Policy " content ="default-src 'self' https://cdn.syncfusion.com;
10
- script-src 'self' https://cdn.syncfusion.com 'unsafe-inline' 'unsafe-eval' blob:;
11
- font-src 'self' https://fonts.googleapis.com/ https://fonts.gstatic.com/ data: cdn.syncfusion.com 'unsafe-inline';
12
- style-src 'self' https://cdn.syncfusion.com https://fonts.googleapis.com 'unsafe-inline';
13
- img-src 'self' data: "/>
7
+
8
+ < meta http-equiv ="Content-Security-Policy " content ="default-src 'self';
9
+ script-src 'self' https://cdn.syncfusion.com/ 'wasm-unsafe-eval' blob:;
10
+ worker-src 'self' blob:;
11
+ connect-src 'self' https://cdn.syncfusion.com/ data:;
12
+ style-src 'self' https://cdn.syncfusion.com/ https://fonts.googleapis.com/ blob:;
13
+ font-src 'self' data: https://fonts.googleapis.com/ https://fonts.gstatic.com/;
14
+ img-src 'self' data: blob:; " />
14
15
15
16
<!-- Essential JS 2 material theme -->
16
- < link href ="https://cdn.syncfusion.com/ej2/24 .1.41 /material.css " rel ="stylesheet " type ="text/css " />
17
+ < link href ="https://cdn.syncfusion.com/ej2/29 .1.37 /material.css " rel ="stylesheet " type ="text/css " />
17
18
<!-- Essential JS 2 script reference -->
18
- < script src ="https://cdn.syncfusion.com/ej2/24.1.41/dist/ej2.min.js " type ="text/javascript "> </ script >
19
- < script src ="https://cdn.syncfusion.com/ej2/syncfusion-helper.js " type ="text/javascript "> </ script >
19
+ < script src ="https://cdn.syncfusion.com/ej2/29.1.37/dist/ej2.min.js " type ="text/javascript "> </ script >
20
+ < script src ="https://cdn.syncfusion.com/ej2/syncfusion-helper.js " type ="text/javascript "> </ script >
21
+
20
22
</ head >
21
- < body >
22
- <!--element which is going to render-->
23
- < div id ="container ">
24
- < div id ="PdfViewer " style ="height:580px;width:100%; "> </ div >
25
- </ div >
26
- < script >
27
- //Initialize PDF Viewer component
28
- var pdfviewer = new ej . pdfviewer . PdfViewer ( {
29
- documentPath : "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf" ,
30
- resourceUrl :"https://cdn.syncfusion.com/ej2/24.1.41/dist/ej2-pdfviewer-lib" ,
31
- // To utilize the server-backed PDF Viewer, need to specify the service URL. This can be done by including the serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
32
- } ) ;
33
- ej . pdfviewer . PdfViewer . Inject ( ej . pdfviewer . TextSelection , ej . pdfviewer . TextSearch , ej . pdfviewer . Print , ej . pdfviewer . Navigation , ej . pdfviewer . Toolbar ,
34
- ej . pdfviewer . Magnification , ej . pdfviewer . Annotation , ej . pdfviewer . FormDesigner , ej . pdfviewer . FormFields ) ;
35
- //PDF Viewer control rendering starts
36
- pdfviewer . appendTo ( '#PdfViewer' ) ;
37
- </ script >
38
- </ body > </ html >
23
+ < body >
24
+ <!-- Element which is going to render the PDF Viewer -->
25
+ < div id ="container ">
26
+ < div id ="PdfViewer "> </ div >
27
+ </ div >
28
+
29
+ <!-- External JS File -->
30
+ < script src ="index.js "> </ script >
31
+ </ body >
32
+ </ html >
0 commit comments