Skip to content

Commit 2097560

Browse files
committed
Add opened find bar demo
1 parent 10f92ca commit 2097560

File tree

1 file changed

+39
-0
lines changed

1 file changed

+39
-0
lines changed

demo/opened-findbar.html

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
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>

0 commit comments

Comments
 (0)