diff --git a/How to/Add Rectangle Annotations Using Search Text Bounds/index.html b/How to/Add Rectangle Annotations Using Search Text Bounds/index.html
new file mode 100644
index 0000000..6282f87
--- /dev/null
+++ b/How to/Add Rectangle Annotations Using Search Text Bounds/index.html
@@ -0,0 +1,40 @@
+
+ EJ2 PDF Viewer
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/How to/Add Rectangle Annotations Using Search Text Bounds/index.js b/How to/Add Rectangle Annotations Using Search Text Bounds/index.js
new file mode 100644
index 0000000..250f88a
--- /dev/null
+++ b/How to/Add Rectangle Annotations Using Search Text Bounds/index.js
@@ -0,0 +1,36 @@
+var pdfviewer = new ej.pdfviewer.PdfViewer({
+ documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+ resourceUrl:'https://cdn.syncfusion.com/ej2/28.1.33/dist/ej2-pdfviewer-lib'
+});
+ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
+ ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
+pdfviewer.appendTo('#PdfViewer');
+
+
+// Highlight event handler for text search, which adds a rectangle annotation where the text is found
+pdfviewer.textSearchHighlight = function(args){
+ console.log(args);
+ var pageNumber = args.pageNumber;
+ var bounds = args.bounds;
+ pdfviewer.annotation.addAnnotation("Rectangle", {
+ offset: {x: bounds.left, y: bounds.top},
+ pageNumber: pageNumber,
+ width: bounds.width,
+ height: bounds.height,
+ });
+}
+
+// Add event listener to "searchText" button to trigger a search for the term 'PDF'
+document.getElementById("searchText").addEventListener("click",function(args){
+ pdfviewer.textSearchModule.searchText('PDF',false);
+})
+
+// Add event listener to "searchNext" button to navigate to the next search result
+document.getElementById("searchNext").addEventListener("click",function(args){
+ pdfviewer.textSearch.searchNext();
+})
+
+// Add event listener to "searchCancel" button to cancel the current text search operation
+document.getElementById("searchCancel").addEventListener("click",function(args){
+ pdfviewer.textSearch.cancelTextSearch();
+})