Text Search in JavaScript (ES5) PDF Viewer control

17 Mar 2023 / 1 minute to read

The Text Search option in PDF Viewer is used to find and highlight the text content from the document. You can enable/disable the text search using the following code snippet.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Essential JS 2</title>
<!-- Essential JS 2 fabric theme -->
<link href="{{:CDN_LINK}}ej2-pdfviewer/styles/fabric.css" rel="stylesheet" type="text/css"/>
<!-- Essential JS 2 PDF Viewer's global script -->
<script src="{{:CDN_LINK}}dist/ej2.min.js" type="text/javascript"></script>
</head>
<body>
<!--element which is going to render-->
<div id='container'>
<div id='PdfViewer' style="height:500px;width:100%;">
</div>
</div>
</body>
</html>

var pdfviewer = new ej.pdfviewer.PdfViewer({
                    enableTextSearch: true,
                    documentPath: "PDF_Succinctly.pdf",
                    serviceUrl: 'https://ej2services.syncfusion.com/production/web-services/api/pdfviewer'
                });
ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print);
pdfviewer.appendTo('#PdfViewer');

The following text search methods are available in the PDF Viewer,

Search text:- Searches the target text in the PDF document and highlights the occurrences in the pages.
Search next:- Searches the next occurrence of the searched text from the current occurrence of the PdfViewer.
Search previous:- Searches the previous occurrence of the searched text from the current occurrence of the PdfViewer.
Cancel text search:- The text search can be cancelled and the highlighted occurrences from the PDF Viewer can be removed .

Text Search in JavaScript (ES5) PDF Viewer control

See also