File tree Expand file tree Collapse file tree 1 file changed +39
-0
lines changed Expand file tree Collapse file tree 1 file changed +39
-0
lines changed Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+ < head >
4
+ < meta charset ="UTF-8 " />
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6
+ < title > pdfjs-viewer-element | Opened find bar demo</ title >
7
+ < script type ="module " src ="./../../dist/pdfjs-viewer-element.js "> </ script >
8
+ < style >
9
+ body {
10
+ margin : 0 ;
11
+ padding : 0 ;
12
+ }
13
+ </ style >
14
+ </ head >
15
+
16
+ < body >
17
+ < pdfjs-viewer-element
18
+ id ="viewer "
19
+ src ="/public/sample-pdf-with-images.pdf "
20
+ viewer-path ="/public/pdfjs-4.0.379-dist "
21
+ style ="height: 100dvh ">
22
+ </ pdfjs-viewer-element >
23
+
24
+ < script >
25
+ document . addEventListener ( 'DOMContentLoaded' , async ( ) => {
26
+ const viewer = document . querySelector ( '#viewer' )
27
+ // Wait for the viewer initialization
28
+ const viewerApp = await viewer . initialize ( )
29
+ // Wait for pages loaded, open find bar and search
30
+ viewerApp . eventBus . on ( 'pagesloaded' , ( ) => {
31
+ viewerApp . findBar . open ( )
32
+ viewerApp . findBar . findField . value = 'na'
33
+ viewerApp . findBar . highlightAll . checked = true
34
+ viewerApp . findBar . findNextButton . click ( )
35
+ } )
36
+ } )
37
+ </ script >
38
+ </ body >
39
+ </ html >
You can’t perform that action at this time.
0 commit comments