|
| 1 | +var pdfviewer = new ej.pdfviewer.PdfViewer({ |
| 2 | + documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', |
| 3 | + resourceUrl:'https://cdn.syncfusion.com/ej2/28.1.33/dist/ej2-pdfviewer-lib' |
| 4 | +}); |
| 5 | +ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, |
| 6 | + ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer); |
| 7 | +pdfviewer.appendTo('#PdfViewer'); |
| 8 | + |
| 9 | + |
| 10 | +// Highlight event handler for text search, which adds a rectangle annotation where the text is found |
| 11 | +pdfviewer.textSearchHighlight = function(args){ |
| 12 | + console.log(args); |
| 13 | + var pageNumber = args.pageNumber; |
| 14 | + var bounds = args.bounds; |
| 15 | + pdfviewer.annotation.addAnnotation("Rectangle", { |
| 16 | + offset: {x: bounds.left, y: bounds.top}, |
| 17 | + pageNumber: pageNumber, |
| 18 | + width: bounds.width, |
| 19 | + height: bounds.height, |
| 20 | + }); |
| 21 | +} |
| 22 | + |
| 23 | +// Add event listener to "searchText" button to trigger a search for the term 'PDF' |
| 24 | +document.getElementById("searchText").addEventListener("click",function(args){ |
| 25 | + pdfviewer.textSearchModule.searchText('PDF',false); |
| 26 | +}) |
| 27 | + |
| 28 | +// Add event listener to "searchNext" button to navigate to the next search result |
| 29 | +document.getElementById("searchNext").addEventListener("click",function(args){ |
| 30 | + pdfviewer.textSearch.searchNext(); |
| 31 | +}) |
| 32 | + |
| 33 | +// Add event listener to "searchCancel" button to cancel the current text search operation |
| 34 | +document.getElementById("searchCancel").addEventListener("click",function(args){ |
| 35 | + pdfviewer.textSearch.cancelTextSearch(); |
| 36 | +}) |
0 commit comments