From 413a74c18a9358279a3eca53dad607fb1c00ca84 Mon Sep 17 00:00:00 2001
From: SF4524LogeshKumar <logeshkumar.dhamodharan@syncfusion.com>
Date: Thu, 25 Jun 2026 12:58:49 +0530
Subject: [PATCH 1/2] 1004886: Text Search and Extraction in Vue PDF Viewer

---
 Document-Processing-toc.html                  |   9 +-
 .../PDF/PDF-Viewer/vue/text-search.md         | 773 ------------------
 .../PDF-Viewer/vue/text-search/find-text.md   | 332 ++++++++
 .../PDF-Viewer/vue/text-search/overview.md    |  35 +
 .../vue/text-search/text-search-events.md     | 200 +++++
 .../vue/text-search/text-search-features.md   | 233 ++++++
 6 files changed, 808 insertions(+), 774 deletions(-)
 delete mode 100644 Document-Processing/PDF/PDF-Viewer/vue/text-search.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/vue/text-search/find-text.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/vue/text-search/overview.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-events.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md

diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html
index 1e6f96bc0b..0095de7294 100644
--- a/Document-Processing-toc.html
+++ b/Document-Processing-toc.html
@@ -1702,7 +1702,14 @@
 								</ul>
 							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/vue/magnification">Magnification</a></li>
-							<li><a href="/document-processing/pdf/pdf-viewer/vue/text-search">Text Search</a></li>
+							<li><a href="/document-processing/pdf/pdf-viewer/vue/text-search/overview">Text Search and Extraction</a>
+								<ul>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/text-search/text-search-features">Text Search</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/text-search/text-search-events">Text Search Events</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/text-search/find-text">Find Text Method</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/how-to/extract-text-option">Extract Text with Options</a></li>
+								</ul>
+							</li>
 							<li>Annotation
 								<ul>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/annotation/text-markup-annotation">Text Markup Annotation</a></li>
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-search.md b/Document-Processing/PDF/PDF-Viewer/vue/text-search.md
deleted file mode 100644
index 098def3bca..0000000000
--- a/Document-Processing/PDF/PDF-Viewer/vue/text-search.md
+++ /dev/null
@@ -1,773 +0,0 @@
----
-layout: post
-title: Text search in Vue PDF Viewer component | Syncfusion
-description: Learn how to configure text search, handle search events, and run programmatic searches in the Syncfusion Vue PDF Viewer component.
-control: PDF Viewer
-platform: document-processing
-documentation: ug
-domainurl: ##DomainURL##
----
-# Text search in Vue PDF Viewer
-
-The text search feature enables users to locate and highlight matching content within PDF documents. The Vue PDF Viewer provides both interactive toolbar-based search and programmatic search capabilities through the `TextSearch` module.
-
-## Enable text search
-
-To use text search functionality, ensure the `TextSearch` module is provided to the PDF Viewer component and set `enableTextSearch` to `true`:
-
-{% tabs %}
-{% highlight html tabtitle="Composition API (Standalone)" %}
-
-<template>
-  <div id="app">
-    <ejs-pdfviewer id="pdfViewer" :documentPath="documentPath" :resourceUrl="resourceUrl" :enableTextSearch="true">
-    </ejs-pdfviewer>
-  </div>
-</template>
-
-<script setup>
-import {
-  PdfViewerComponent as EjsPdfviewer, Toolbar, Magnification, Navigation,
-  LinkAnnotation, BookmarkView, Annotation, ThumbnailView,
-  Print, TextSelection, TextSearch
-} from '@syncfusion/ej2-vue-pdfviewer';
-import { provide } from 'vue';
-
-const documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-const resourceUrl = "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib";
-
-provide('PdfViewer', [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
-  Annotation, ThumbnailView, Print, TextSelection, TextSearch])
-</script>
-
-{% endhighlight %}
-{% highlight html tabtitle="Options API (Standalone)" %}
-
-<template>
-  <div id="app">
-    <ejs-pdfviewer id="pdfViewer" :documentPath="documentPath" :resourceUrl="resourceUrl" :enableTextSearch="true">
-    </ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import {
-  PdfViewerComponent, Toolbar, Magnification, Navigation,
-  LinkAnnotation, BookmarkView, Annotation, ThumbnailView,
-  Print, TextSelection, TextSearch
-} from '@syncfusion/ej2-vue-pdfviewer';
-
-export default {
-  name: "App",
-  components: {
-    "ejs-pdfviewer": PdfViewerComponent
-  },
-  data() {
-    return {
-      documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
-      resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
-    };
-  },
-  provide: {
-    PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
-      Annotation, ThumbnailView, Print, TextSelection, TextSearch]
-  }
-}
-</script>
-
-{% endhighlight %}
-{% highlight html tabtitle="Composition API (Server-Backed)" %}
-
-<template>
-  <div id="app">
-    <ejs-pdfviewer id="pdfViewer" :serviceUrl="serviceUrl" :documentPath="documentPath" :enableTextSearch="true">
-    </ejs-pdfviewer>
-  </div>
-</template>
-
-<script setup>
-import {
-  PdfViewerComponent as EjsPdfviewer, Toolbar, Magnification, Navigation,
-  LinkAnnotation, BookmarkView, Annotation, ThumbnailView,
-  Print, TextSelection, TextSearch
-} from '@syncfusion/ej2-vue-pdfviewer';
-import { provide } from 'vue';
-
-const serviceUrl = "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer";
-const documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-
-provide('PdfViewer', [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
-  Annotation, ThumbnailView, Print, TextSelection, TextSearch])
-</script>
-
-{% endhighlight %}
-{% highlight html tabtitle="Options API (Server-Backed)" %}
-
-<template>
-  <div id="app">
-    <ejs-pdfviewer id="pdfViewer" :serviceUrl="serviceUrl" :documentPath="documentPath" :enableTextSearch="true">
-    </ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import {
-  PdfViewerComponent, Toolbar, Magnification, Navigation,
-  LinkAnnotation, BookmarkView, Annotation, ThumbnailView,
-  Print, TextSelection, TextSearch
-} from '@syncfusion/ej2-vue-pdfviewer';
-
-export default {
-  name: "App",
-  components: {
-    "ejs-pdfviewer": PdfViewerComponent
-  },
-  data() {
-    return {
-      serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer",
-      documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-    };
-  },
-  provide: {
-    PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
-      Annotation, ThumbnailView, Print, TextSelection, TextSearch]
-  }
-}
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-## Text search features
-
-The PDF Viewer toolbar provides an intuitive search interface with the following capabilities:
-
-### Real-time search suggestions
-Typing in the search box immediately displays suggestions matching the entered text. The suggestions list updates with each keystroke, allowing users to quickly jump to results without completing the full term.
-
-![Search suggestion popup](./images/SingleSearchPopup.png)
-
-### Select results from suggestions
-The suggestions popup displays relevant matches. Selecting a suggestion jumps directly to that occurrence in the PDF.
-
-![Search results from popup](./images/SearchResultFromPopup.png)
-
-### Case-sensitive search
-Enable the **Match Case** checkbox to perform case-sensitive searches. Navigation controls step through exact matches only.
-
-![Match case navigation](./images/SearchNavigationMatchCase.png)
-
-### Case-insensitive search
-Leave **Match Case** unchecked to highlight all occurrences regardless of capitalization.
-
-![Search navigation without match case](./images/SearchNavigationNoMatchCase.png)
-
-### Multi-word search with Match Any Word
-Enable **Match Any Word** to split the search term into separate words and find matches for any of them throughout the document.
-
-![Match any word search results](./images/MultiSearchPopup.png)
-
-## Programmatic text search
-
-Beyond the interactive toolbar, trigger searches programmatically using the `searchText` method with customizable options.
-
-### Using `searchText` method
-
-The `searchText` method initiates a search with optional filters for case sensitivity and whole-word matching. Call it on the PDF Viewer's `textSearch` instance:
-
-**Parameters:**
-- `text` (string): The term to search for
-- `isMatchCase` (optional boolean): Enable case-sensitive matching
-- `isMatchWholeWord` (optional boolean): Match only complete words
-
-{% highlight html %}
-<template>
-  <div id="app">
-    <div class="controls">
-      <button @click="searchBasic">Search Text</button>
-      <button @click="searchMatchCase">Match Case</button>
-      <button @click="searchWholeWord">Match Whole Word</button>
-    </div>
-    <ejs-pdfviewer ref="pdfViewer" id="pdfViewer" :documentPath="documentPath" :resourceUrl="resourceUrl" :enableTextSearch="true">
-    </ejs-pdfviewer>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-import {
-  PdfViewerComponent as EjsPdfviewer, Toolbar, Magnification, Navigation,
-  LinkAnnotation, BookmarkView, Annotation, ThumbnailView,
-  Print, TextSelection, TextSearch
-} from '@syncfusion/ej2-vue-pdfviewer';
-import { provide } from 'vue';
-
-const pdfViewer = ref(null);
-const documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
-const resourceUrl = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
-
-provide('PdfViewer', [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
-  Annotation, ThumbnailView, Print, TextSelection, TextSearch]);
-
-function searchBasic() {
-  pdfViewer.value.ej2Instances.textSearch.searchText('search text', false, false);
-}
-
-function searchMatchCase() {
-  pdfViewer.value.ej2Instances.textSearch.searchText('PDF', true);
-}
-
-function searchWholeWord() {
-  pdfViewer.value.ej2Instances.textSearch.searchText('pdf', false, true);
-}
-</script>
-{% endhighlight %}
-
-### Case-sensitive search
-
-Set `isMatchCase` to `true` for case-sensitive searches:
-
-```html
-<template>
-  <div id="app">
-    <button v-on:click="matchCase">Match Case</button>
-    <ejs-pdfviewer ref="pdfViewer" id="pdfViewer" :documentPath="documentPath" :resourceUrl="resourceUrl" :enableTextSearch="true"></ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation,
-  BookmarkView, Annotation, ThumbnailView, Print, TextSelection, TextSearch } from '@syncfusion/ej2-vue-pdfviewer';
-
-export default {
-  name: 'App',
-  components: {
-    'ejs-pdfviewer': PdfViewerComponent
-  },
-  data() {
-    return {
-      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
-      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
-    };
-  },
-  provide: {
-    PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
-      Annotation, ThumbnailView, Print, TextSelection, TextSearch]
-  },
-  methods: {
-    matchCase() {
-      const viewer = this.$refs.pdfViewer.ej2Instances;
-      viewer.textSearch.searchText('PDF', true);
-    }
-  }
-};
-</script>
-```
-### Whole-word search
-
-Set `isMatchWholeWord` to `true` to match only complete words:
-
-```html
-<template>
-  <div id="app">
-    <button v-on:click="wholeWord">Match Whole Word</button>
-    <ejs-pdfviewer ref="pdfViewer" id="pdfViewer" :documentPath="documentPath" :resourceUrl="resourceUrl" :enableTextSearch="true"></ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation,
-  BookmarkView, Annotation, ThumbnailView, Print, TextSelection, TextSearch } from '@syncfusion/ej2-vue-pdfviewer';
-
-export default {
-  name: 'App',
-  components: {
-    'ejs-pdfviewer': PdfViewerComponent
-  },
-  data() {
-    return {
-      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
-      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
-    };
-  },
-  provide: {
-    PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
-      Annotation, ThumbnailView, Print, TextSelection, TextSearch]
-  },
-  methods: {
-    wholeWord() {
-      const viewer = this.$refs.pdfViewer.ej2Instances;
-      viewer.textSearch.searchText('pdf', false, true);
-    }
-  }
-};
-</script>
-```
-> **Note**: The toolbar's **Match Any Word** option splits the search term into separate words and finds any of them. This differs from `isMatchWholeWord`, which matches the entire query as a single complete word.
-
-### Available search methods
-
-The `textSearch` module provides these methods for search navigation:
-
-| Method | Purpose |
-|--------|---------|
-| [**searchText()**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textSearch/#searchtext) | Search for text and highlight all occurrences in the document |
-| [**searchNext()**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textSearch/#searchnext) | Navigate to the next occurrence of the current search term |
-| [**searchPrevious()**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textSearch/#searchprevious) | Navigate to the previous occurrence of the current search term |
-| [**cancelTextSearch()**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textSearch/#canceltextsearch) | Cancel the current search and clear all highlights |
-
-![Text search interface](./images/search.png)
-
-## Find text method
-
-Use the `findText` method to retrieve bounding coordinates of text matches. This is useful for programmatically locating text and accessing its position data for custom rendering or layout calculations.
-
-**Parameters:**
-- `text` (string | string[]): Text or array of text to find
-- `isMatchCase` (boolean): Enable case-sensitive matching
-- `pageNumber` (optional number): Limit search to a specific page
-
-**Returns:** Bounding rectangles for all matches
-
-### Find text on all pages
-
-{% tabs %}
-{% highlight html tabtitle="Standalone" %}
-
-```html
-<template>
-  <div id="app">
-    <button v-on:click="textBounds">Form Fields Collection</button>
-<ejs-pdfviewer id="pdfViewer" :resourceUrl="resourceUrl" :documentPath="documentPath"> </ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-vue-pdfviewer';
-Vue.use(PdfViewerPlugin);
-export default {
-  name: 'app',
-  data () {
-return {
-  resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
-  documentPath:"PDF_Succinctly.pdf"
-};
-  },
-  provide: {
-PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner]
-  },
-  methods: {
-  textBounds: function() {
-    var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-    viewer.textSearch.findText('pdf', false);
-  }
- }
-}
-</script>
-```
-
-{% endhighlight %}
-{% highlight html tabtitle="Server-backed" %}
-
-```html
-<template>
-  <div id="app">
-    <button v-on:click="textBounds">Form Fields Collection</button>
-<ejs-pdfviewer id="pdfViewer" :serviceUrl="serviceUrl" :documentPath="documentPath"> </ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-vue-pdfviewer';
-Vue.use(PdfViewerPlugin);
-export default {
-  name: 'app',
-  data () {
-return {
-  serviceUrl:"https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer",
-  documentPath:"PDF_Succinctly.pdf"
-};
-  },
-  provide: {
-PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner]
-  },
-  methods: {
-  textBounds: function() {
-    var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-    viewer.textSearch.findText('pdf', false);
-  }
- }
-}
-</script>
-```
-
-{% endhighlight %}
-{% endtabs %}
-
-### Find text on a specific page
-
-Limit the search to a specific page by passing the page number as the third parameter:
-
-{% tabs %}
-{% highlight html tabtitle="Standalone" %}
-
-```html
-<template>
-  <div id="app">
-    <button v-on:click="textBounds">Form Fields Collection</button>
-<ejs-pdfviewer id="pdfViewer" :resourceUrl="resourceUrl" :documentPath="documentPath"> </ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-vue-pdfviewer';
-Vue.use(PdfViewerPlugin);
-export default {
-  name: 'app',
-  data () {
-return {
-  resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
-  documentPath:"PDF_Succinctly.pdf"
-};
-  },
-  provide: {
-PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner]
-  },
-  methods: {
-  textBounds: function() {
-    var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-    viewer.textSearch.findText('pdf', false, 7);
-  }
- }
-}
-</script>
-```
-
-{% endhighlight %}
-{% highlight html tabtitle="Server-backed" %}
-
-```html
-<template>
-  <div id="app">
-    <button v-on:click="textBounds">Form Fields Collection</button>
-<ejs-pdfviewer id="pdfViewer" :serviceUrl="serviceUrl" :documentPath="documentPath"> </ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-vue-pdfviewer';
-Vue.use(PdfViewerPlugin);
-export default {
-  name: 'app',
-  data () {
-return {
-  serviceUrl:"https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer",
-  documentPath:"PDF_Succinctly.pdf"
-};
-  },
-  provide: {
-PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner]
-  },
-  methods: {
-  textBounds: function() {
-    var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-    viewer.textSearch.findText('pdf', false, 7);
-  }
- }
-}
-</script>
-```
-
-{% endhighlight %}
-{% endtabs %}
-
-### Find multiple text strings
-
-Search for multiple terms by passing an array of strings:
-
-{% tabs %}
-{% highlight html tabtitle="Standalone" %}
-
-```html
-<template>
-  <div id="app">
-    <button v-on:click="textBounds">Form Fields Collection</button>
-<ejs-pdfviewer id="pdfViewer" :resourceUrl="resourceUrl" :documentPath="documentPath"> </ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-vue-pdfviewer';
-Vue.use(PdfViewerPlugin);
-export default {
-  name: 'app',
-  data () {
-return {
-  resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
-  documentPath:"PDF_Succinctly.pdf"
-};
-  },
-  provide: {
-PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner]
-  },
-  methods: {
-  textBounds: function() {
-    var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-    viewer.textSearch.findText(['pdf', 'adobe'], false);
-  }
- }
-}
-</script>
-```
-
-{% endhighlight %}
-{% highlight html tabtitle="Server-backed" %}
-
-```html
-<template>
-  <div id="app">
-    <button v-on:click="textBounds">Form Fields Collection</button>
-<ejs-pdfviewer id="pdfViewer" :serviceUrl="serviceUrl" :documentPath="documentPath"> </ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-vue-pdfviewer';
-Vue.use(PdfViewerPlugin);
-export default {
-  name: 'app',
-  data () {
-return {
-  serviceUrl:"https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer",
-  documentPath:"PDF_Succinctly.pdf"
-};
-  },
-  provide: {
-PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner]
-  },
-  methods: {
-  textBounds: function() {
-    var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-    viewer.textSearch.findText(['pdf', 'adobe'], false);
-  }
- }
-}
-</script>
-```
-
-{% endhighlight %}
-{% endtabs %}
-
-### Find multiple text strings on a specific page
-
-Search for multiple terms on a specific page by providing the page number as the third parameter:
-
-{% tabs %}
-{% highlight html tabtitle="Standalone" %}
-
-```html
-<template>
-  <div id="app">
-    <button v-on:click="textBounds">Form Fields Collection</button>
-<ejs-pdfviewer id="pdfViewer" :resourceUrl="resourceUrl" :documentPath="documentPath"> </ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-vue-pdfviewer';
-Vue.use(PdfViewerPlugin);
-export default {
-  name: 'app',
-  data () {
-return {
-  resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
-  documentPath:"PDF_Succinctly.pdf"
-};
-  },
-  provide: {
-PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner]
-  },
-  methods: {
-  textBounds: function() {
-    var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-    viewer.textSearch.findText(['pdf', 'adobe'], false, 7);
-  }
- }
-}
-</script>
-```
-
-{% endhighlight %}
-{% highlight html tabtitle="Server-backed" %}
-
-```html
-<template>
-  <div id="app">
-    <button v-on:click="textBounds">Form Fields Collection</button>
-<ejs-pdfviewer id="pdfViewer" :serviceUrl="serviceUrl" :documentPath="documentPath"> </ejs-pdfviewer>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-vue-pdfviewer';
-Vue.use(PdfViewerPlugin);
-export default {
-  name: 'app',
-  data () {
-return {
-  serviceUrl:"https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer",
-  documentPath:"PDF_Succinctly.pdf"
-};
-  },
-  provide: {
-PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner]
-  },
-  methods: {
-  textBounds: function() {
-    var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-    viewer.textSearch.findText(['pdf', 'adobe'], false, 7);
-  }
- }
-}
-</script>
-```
-
-{% endhighlight %}
-{% endtabs %}
-
-## Text search events
-
-The PDF Viewer triggers events during text search operations, allowing you to customize behavior and respond to different stages of the search process.
-
-### textSearchStart
-
-The [textSearchStart](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/#textsearchstartevent) event fires as soon as a search begins from the toolbar interface or through the `textSearch.searchText` method. Use it to reset UI state, log analytics, or cancel the default search flow before results are processed.
-
-- Event arguments: [TextSearchStartEventArgs](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textSearchStartEventArgs/) exposes:
-  - `searchText`: the term being searched.
-  - `matchCase`: indicates whether case-sensitive search is enabled.
-- `isMatchWholeWord`: indicates whether whole-word matching is enabled.
-- `name`: event name.
-- `cancel`: set to `true` to stop the default search.
-
-{% highlight html %}
-<template>
-  <div id="app">
-    <ejs-pdfviewer id="pdfViewer" :documentPath="documentPath" :resourceUrl="resourceUrl" :textSearchStart="handleTextSearchStart"></ejs-pdfviewer>
-  </div>
-</template>
-
-<script setup>
-import {
-  PdfViewerComponent as EjsPdfviewer, Toolbar, Magnification, Navigation,
-  LinkAnnotation, BookmarkView, Annotation, ThumbnailView,
-  Print, TextSelection, TextSearch
-} from '@syncfusion/ej2-vue-pdfviewer';
-import { provide } from 'vue';
-
-const documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
-const resourceUrl = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
-
-provide('PdfViewer', [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
-  Annotation, ThumbnailView, Print, TextSelection, TextSearch]);
-
-function handleTextSearchStart(args) {
-  console.log(`Text search started for: "${args.searchText}"`);
-}
-</script>
-{% endhighlight %}
-
-### textSearchHighlight
-
-The [textSearchHighlight](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/#textsearchhighlightevent) event triggers whenever a search result is brought into view, including navigation between matches. Use it to draw custom overlays or synchronize adjacent UI elements when a match is highlighted.
-
-- Event arguments: [TextSearchHighlightEventArgs](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textSearchHighlightEventArgs/) exposes:
-  - `bounds`: `RectangleBoundsModel | RectangleBoundsModel[]` representing the highlighted match.
-  - `pageNumber`: page index where the match is highlighted.
-  - `searchText`: the active search term.
-  - `matchCase`: indicates whether case-sensitive search was used.
-  - `name`: event name.
-
-{% highlight html %}
-<template>
-  <div id="app">
-    <ejs-pdfviewer id="pdfViewer" :documentPath="documentPath" :resourceUrl="resourceUrl" :textSearchHighlight="handleTextSearchHighlight"></ejs-pdfviewer>
-  </div>
-</template>
-
-<script setup>
-import {
-  PdfViewerComponent as EjsPdfviewer, Toolbar, Magnification, Navigation,
-  LinkAnnotation, BookmarkView, Annotation, ThumbnailView,
-  Print, TextSelection, TextSearch
-} from '@syncfusion/ej2-vue-pdfviewer';
-import { provide } from 'vue';
-
-const documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
-const resourceUrl = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
-
-provide('PdfViewer', [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
-  Annotation, ThumbnailView, Print, TextSelection, TextSearch]);
-
-function handleTextSearchHighlight(args) {
-  console.log('Highlighted match bounds:', args.bounds);
-}
-</script>
-{% endhighlight %}
-
-### textSearchComplete
-
-The [textSearchComplete](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/#textsearchcompleteevent) event runs after the search engine finishes scanning the document for the current query. Use it to update match counts, toggle navigation controls, or notify users when no results were found.
-
-- Typical uses:
-  - Update UI with the total number of matches and enable navigation controls.
-  - Hide loading indicators or show a "no results" message if none were found.
-  - Record analytics for search effectiveness.
-- Event arguments: [TextSearchCompleteEventArgs](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textSearchCompleteEventArgs/) exposes:
-  - `totalMatches`: total number of occurrences found.
-  - `isMatchFound`: indicates whether at least one match was found.
-  - `searchText`: the searched term.
-  - `matchCase`: indicates whether case-sensitive search was used.
-  - `name`: event name.
-
-{% highlight html %}
-<template>
-  <div id="app">
-    <ejs-pdfviewer id="pdfViewer" :documentPath="documentPath" :resourceUrl="resourceUrl" :textSearchComplete="handleTextSearchComplete"></ejs-pdfviewer>
-  </div>
-</template>
-
-<script setup>
-import {
-  PdfViewerComponent as EjsPdfviewer, Toolbar, Magnification, Navigation,
-  LinkAnnotation, BookmarkView, Annotation, ThumbnailView,
-  Print, TextSelection, TextSearch
-} from '@syncfusion/ej2-vue-pdfviewer';
-import { provide } from 'vue';
-
-const documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
-const resourceUrl = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
-
-provide('PdfViewer', [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
-  Annotation, ThumbnailView, Print, TextSelection, TextSearch]);
-
-function handleTextSearchComplete(args) {
-  console.log('Text search completed.', args);
-}
-</script>
-{% endhighlight %}
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples/tree/master/How%20to/TextSearch)
-
-## See also
-
-* [Toolbar items](./toolbar)
-* [Feature modules](./feature-module)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-search/find-text.md b/Document-Processing/PDF/PDF-Viewer/vue/text-search/find-text.md
new file mode 100644
index 0000000000..914b07666a
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/text-search/find-text.md
@@ -0,0 +1,332 @@
+---
+layout: post
+title: Find Text in Vue PDF Viewer component | Syncfusion
+description: Learn how to configure text search using find text and run programmatic searches in the Syncfusion Vue PDF Viewer.
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Find Text in Vue PDF Viewer
+
+## Find text method
+
+Use the [`findText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#findtext) method to locate a string or an array of strings and return the bounding rectangles for each match. Optional parameters support case-sensitive comparisons and page scoping so you can retrieve coordinates for a single page or the entire document.
+
+### Find and get the bounds of a text
+
+Searches for the specified text within the document and returns the bounding rectangles of the matched text. The search can be case-sensitive based on the provided parameter and returns matches from all pages in the document. The following code snippet shows how to get the bounds of the specified text:
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div style="height: 100vh">
+    <button @click="findText">Find Text Bounds</button>
+    <ejs-pdfviewer
+      id="pdfViewer"
+      ref="pdfViewer"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      style="height: calc(100% - 40px)"
+    >
+    </ejs-pdfviewer>
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+  FormFields, PageOrganizer, TextSelection, TextSearch, Print
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+    };
+  },
+  provide: {
+    PdfViewer: [
+      TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification,
+      Annotation, FormDesigner, FormFields, PageOrganizer
+    ]
+  },
+  methods: {
+    findText() {
+      const result = this.$refs.pdfViewer.ej2Instances.textSearch.findText('pdf', false);
+      console.log(result);
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Find and get the bounds of a text on the desired page
+
+Searches for the specified text within the document and returns the bounding rectangles of the matched text on a specific page. The search can be case-sensitive based on the provided parameter and returns matches only from the selected page. The following code snippet shows how to retrieve bounds for the specified text on a selected page:
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div style="height: 100vh">
+    <button @click="findText">Find Text Bounds</button>
+    <ejs-pdfviewer
+      id="pdfViewer"
+      ref="pdfViewer"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      style="height: calc(100% - 40px)"
+    >
+    </ejs-pdfviewer>
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+  FormFields, PageOrganizer, TextSelection, TextSearch, Print
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+    };
+  },
+  provide: {
+    PdfViewer: [
+      TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification,
+      Annotation, FormDesigner, FormFields, PageOrganizer
+    ]
+  },
+  methods: {
+    findText() {
+      const result = this.$refs.pdfViewer.ej2Instances.textSearch.findText('pdf', false, 7);
+      console.log(result);
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Find and get the bounds of the list of text
+
+Searches for an array of strings within the document and returns the bounding rectangles for each occurrence. The search can be case-sensitive based on the provided parameters and returns matches from all pages in the document where the strings were found.
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div style="height: 100vh">
+    <button @click="findText">Find Text Bounds</button>
+    <ejs-pdfviewer
+      id="pdfViewer"
+      ref="pdfViewer"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      style="height: calc(100% - 40px)"
+    >
+    </ejs-pdfviewer>
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+  FormFields, PageOrganizer, TextSelection, TextSearch, Print
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+    };
+  },
+  provide: {
+    PdfViewer: [
+      TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification,
+      Annotation, FormDesigner, FormFields, PageOrganizer
+    ]
+  },
+  methods: {
+    findText() {
+      const result = this.$refs.pdfViewer.ej2Instances.textSearch.findText(['adobe', 'pdf'], false);
+      console.log(result);
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Find and get the bounds of the list of text on desired page
+
+Searches for an array of strings within the document and returns the bounding rectangles for each occurrence. The search can be case-sensitive based on the provided parameters. It returns the bounding rectangles for these search strings on that particular page where the strings were found.
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div style="height: 100vh">
+    <button @click="findText">Find Text Bounds</button>
+    <ejs-pdfviewer
+      id="pdfViewer"
+      ref="pdfViewer"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      style="height: calc(100% - 40px)"
+    >
+    </ejs-pdfviewer>
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+  FormFields, PageOrganizer, TextSelection, TextSearch, Print
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+    };
+  },
+  provide: {
+    PdfViewer: [
+      TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification,
+      Annotation, FormDesigner, FormFields, PageOrganizer
+    ]
+  },
+  methods: {
+    findText() {
+      const result = this.$refs.pdfViewer.ej2Instances.textSearch.findText(['adobe', 'pdf'], false, 7);
+      console.log(result);
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)
+
+## Find text with findTextAsync
+
+The [`findTextAsync`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#findtextasync) method is designed for performing an asynchronous text search within a PDF document. You can use it to search for a single string or multiple strings, with the ability to control case sensitivity. By default, the search is applied to all pages of the document. However, you can adjust this behavior by specifying the page number (pageIndex), which allows you to search only a specific page if needed.
+
+### Find text with findTextAsync in Vue PDF Viewer
+
+The [`findTextAsync`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#findtextasync) method searches for a string or array of strings asynchronously and returns bounding rectangles for each match. Use it to locate text positions across the document or on a specific page.
+
+Here is an example of how to use [`findTextAsync`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#findtextasync):
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div style="height: 100vh">
+    <button @click="findText">Find Text</button>
+    <button @click="findTexts">Find Texts</button>
+    <ejs-pdfviewer
+      id="pdfViewer"
+      ref="pdfViewer"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      style="height: calc(100% - 40px)"
+    >
+    </ejs-pdfviewer>
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+  FormFields, PageOrganizer, TextSelection, TextSearch, Print
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+    };
+  },
+  provide: {
+    PdfViewer: [
+      TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification,
+      Annotation, FormDesigner, FormFields, PageOrganizer
+    ]
+  },
+  methods: {
+    async findText() {
+      const result = await this.$refs.pdfViewer.ej2Instances.textSearch.findTextAsync('pdf', false);
+      console.log(result);
+    },
+    async findTexts() {
+      const result = await this.$refs.pdfViewer.ej2Instances.textSearch.findTextAsync(['pdf', 'adobe'], false);
+      console.log(result);
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Parameters
+
+**text (string | string[]):** The text or array of texts to search for in the document.
+
+**matchCase (boolean):** Whether the search is case-sensitive. `true` matches exact case; `false` ignores case.
+
+**pageIndex (optional, number):** Zero-based page index to search. If omitted, searches all pages.
+
+N> `pageIndex` is zero-based; specify `0` for the first page. Omit this parameter to search the entire document.
+
+### Example workflow
+
+**findTextAsync('pdf', false):**
+This will search for the term "pdf" in a case-insensitive manner across all pages of the document.
+
+**findTextAsync(['pdf', 'the'], false):**
+This will search for the terms "pdf" and "the" in a case-insensitive manner across all pages of the document.
+
+**findTextAsync('pdf', false, 0):**
+This will search for the term "pdf" in a case-insensitive manner only on the first page (page 0).
+
+**findTextAsync(['pdf', 'the'], false, 1):**
+This will search for the terms "pdf" and "the" in a case-insensitive manner only on the second page (page 1).
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)
+
+## See Also
+
+- [Text Search Features](./text-search-features)
+- [Text Search Events](./text-search-events)
+- [Extract Text](../how-to/extract-text)
+- [Extract Text Options](../how-to/extract-text-option)
+- [Extract Text Completed](../how-to/extract-text-completed)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-search/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/text-search/overview.md
new file mode 100644
index 0000000000..2f3fb6f9c8
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/text-search/overview.md
@@ -0,0 +1,35 @@
+---
+layout: post
+title: Text search and Extraction in Vue PDF Viewer | Syncfusion
+description: Overview of text search capabilities, UI features, programmatic APIs, events and text extraction in the Syncfusion Vue PDF Viewer.
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Text search and extraction in Vue PDF Viewer
+
+The Vue PDF Viewer provides an integrated text search experience that supports both interactive UI search and programmatic searches. Enable the feature by importing [`TextSearch`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch) and providing it to the viewer and by setting [`enableTextSearch`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#enabletextsearch) as needed. To give more low-level information about text, [`findText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#findtext) and [`findTextAsync`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#findtextasync) methods can be used.
+
+The [`extractText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#extracttext) API can be used to retrieve plain text from pages or structured text items with their positional bounds, allowing you to index document content, perform precise programmatic highlighting, map search results to coordinates, and create custom overlays or annotations; it can return full-page text or itemized fragments with bounding rectangles for each extracted element, enabling integration with search, analytics, and downstream processing workflows.
+
+## Key capabilities
+
+- **Text search UI**: real‑time suggestions while typing, selectable suggestions from the popup, match‑case and "match any word" options, and search navigation controls.
+- **Text search programmatic APIs**: mirror UI behavior with [`searchText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchtext), [`searchNext`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchnext), [`searchPrevious`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchprevious), and [`cancelTextSearch`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#canceltextsearch); query match locations with [`findText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#findtext) and [`findTextAsync`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#findtextasync) which return bounding rectangles for matches.
+- **Text extraction**: use [`extractText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#extracttext) to retrieve page text and, optionally, positional bounds for extracted items (useful for indexing, custom highlighting, and annotations).
+- **Text search events**: respond to [`textSearchStart`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#textsearchstart), [`textSearchHighlight`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#textsearchhighlight), and [`textSearchComplete`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#textsearchcomplete) for UI sync, analytics, and custom overlays.
+
+## When to use which API
+
+- Use the toolbar/search panel for typical interactive searches and navigation.
+- Use [`searchText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchtext) / [`searchNext`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchnext) / [`searchPrevious`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchprevious) when driving search programmatically but keeping behavior consistent with the UI.
+- Use [`findText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#findtext) / [`findTextAsync`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#findtextasync) when you need match coordinates (bounding rectangles) for a page or the whole document.
+- Use [`extractText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#extracttext) when you need plain page text or structured text items with bounds. 
+
+## Further reading
+
+- [Find Text](./find-text)
+- [Text Search Features](./text-search-features)
+- [Text Search Events](./text-search-events)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-events.md b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-events.md
new file mode 100644
index 0000000000..90ec8f84f8
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-events.md
@@ -0,0 +1,200 @@
+---
+layout: post
+title: Text search Events in Vue PDF Viewer component | Syncfusion
+description: Learn how to handle text search events, and run programmatic searches in the Syncfusion Vue PDF Viewer.
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Text Search Events in Vue PDF Viewer
+
+The Vue PDF Viewer triggers events during text search operations, allowing you to customize behavior and respond to different stages of the search process.
+
+## textSearchStart
+
+The [textSearchStart](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#textsearchstart) event fires as soon as a search begins from the toolbar interface or through the [`textSearch.searchText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchtext) method. Use to reset UI state, log analytics, or cancel the default search flow before results are processed.
+
+- Event arguments: [TextSearchStartEventArgs](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textSearchStartEventArgs) exposes:
+  - `searchText`: the term being searched.
+  - `matchCase`: indicates whether case-sensitive search is enabled.
+  - `name`: event name.
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div style="height: 100vh">
+    <ejs-pdfviewer
+      id="pdfViewer"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      style="height: 100%"
+      @textSearchStart="handleTextSearchStart"
+    >
+    </ejs-pdfviewer>
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+  FormFields, PageOrganizer, TextSelection, TextSearch, Print
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+    };
+  },
+  provide: {
+    PdfViewer: [
+      TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification,
+      Annotation, FormDesigner, FormFields, PageOrganizer
+    ]
+  },
+  methods: {
+    handleTextSearchStart(args) {
+      console.log(`Text search started for: "${args.searchText}"`);
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## textSearchHighlight
+
+The [textSearchHighlight](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#textsearchhighlight) event triggers whenever a search result is brought into view, including navigation between matches. Use to draw custom overlays or synchronize adjacent UI elements when a match is highlighted.
+
+- Event arguments: [TextSearchHighlightEventArgs](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textSearchHighlightEventArgs) exposes:
+  - `bounds`: `RectangleBoundsModel` representing the highlighted match.
+  - `pageNumber`: page index where the match is highlighted.
+  - `searchText`: the active search term.
+  - `matchCase`: indicates whether case-sensitive search was used.
+  - `name`: event name.
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div style="height: 100vh">
+    <ejs-pdfviewer
+      id="pdfViewer"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      style="height: 100%"
+      @textSearchHighlight="handleTextSearchHighlight"
+    >
+    </ejs-pdfviewer>
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+  FormFields, PageOrganizer, TextSelection, TextSearch, Print
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+    };
+  },
+  provide: {
+    PdfViewer: [
+      TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification,
+      Annotation, FormDesigner, FormFields, PageOrganizer
+    ]
+  },
+  methods: {
+    handleTextSearchHighlight(args) {
+      console.log('Highlighted match bounds:', args.bounds);
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## textSearchComplete
+
+The [textSearchComplete](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#textsearchcomplete) event runs after the search engine finishes scanning the document for the current query. Use to update match counts, toggle navigation controls, or notify users when no results were found.
+
+- **Typical uses**:
+  - Update UI with the total number of matches and enable navigation controls.
+  - Hide loading indicators or show a "no results" message if none were found.
+  - Record analytics for search effectiveness.
+- **Event arguments**: [TextSearchCompleteEventArgs](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textSearchCompleteEventArgs) exposes:
+  - `searchText`: the searched term.
+  - `matchCase`: indicates whether case-sensitive search was used.
+  - `name`: event name.
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div style="height: 100vh">
+    <ejs-pdfviewer
+      id="pdfViewer"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      style="height: 100%"
+      @textSearchComplete="handleTextSearchComplete"
+    >
+    </ejs-pdfviewer>
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+  FormFields, PageOrganizer, TextSelection, TextSearch, Print
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+    };
+  },
+  provide: {
+    PdfViewer: [
+      TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification,
+      Annotation, FormDesigner, FormFields, PageOrganizer
+    ]
+  },
+  methods: {
+    handleTextSearchComplete(args) {
+      console.log('Text search completed.', args);
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)
+
+## See Also
+
+- [Text Search Features](./text-search-features)
+- [Find Text](./find-text)
+- [Extract Text](../how-to/extract-text)
+- [Extract Text Options](../how-to/extract-text-option)
+- [Extract Text Completed](../how-to/extract-text-completed)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md
new file mode 100644
index 0000000000..d8d6af7c9a
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md
@@ -0,0 +1,233 @@
+---
+layout: post
+title: Text search in Vue PDF Viewer component | Syncfusion
+description: Learn how to configure text search and run programmatic searches in the Syncfusion Vue PDF Viewer.
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Text search in Vue PDF Viewer
+
+The text search feature in the Vue PDF Viewer locates and highlights matching content within a document. Enable or disable this capability with the following configuration.
+
+![Text Search](../../javascript-es6/images/textSearch.gif)
+
+N> The text search functionality requires importing TextSearch and adding it to the provide options. Otherwise, the search UI and APIs will not be accessible.
+
+## Text search features in UI
+
+### Real-time search suggestions while typing
+
+Typing in the search box immediately surfaces suggestions that match the entered text. The list refreshes on every keystroke so users can quickly jump to likely results without completing the entire term.
+
+![Search suggestion popup](../images/SingleSearchPopup.png)
+
+### Select search suggestions from the popup
+
+After typing in the search box, the popup lists relevant matches. Selecting an item jumps directly to the corresponding occurrence in the PDF.
+
+![Search results from popup](../images/SearchResultFromPopup.png)
+
+### Dynamic Text Search for Large PDF Documents
+
+Dynamic text search is enabled during the initial loading of the document when the document text collection has not yet been fully loaded in the background.
+
+![Dynamic text search in progress](../../javascript-es6/images/dynamic-textSearch.gif)
+
+### Search text with the Match Case option
+
+Enable the Match Case checkbox to limit results to case-sensitive matches. Navigation commands then step through each exact match in sequence.
+
+![Match case navigation](../images/SearchNavigationMatchCase.png)
+
+### Search text without Match Case
+
+Leave the Match Case option cleared to highlight every occurrence of the query, regardless of capitalization, and navigate through each result.
+
+![Search navigation without match case](../images/SearchNavigationNoMatchCase.png)
+
+### Search a list of words with Match Any Word
+
+Enable Match Any Word to split the query into separate words. The popup proposes matches for each word and highlights them throughout the document.
+
+![Match any word search results](../images/MultiSearchPopup.png)
+
+## Programmatic text Search
+
+The Vue PDF Viewer provides options to toggle text search feature and APIs to customize the text search behavior programmatically.
+
+### Enable or Disable Text Search 
+
+Use the following snippet to enable or disable text search features
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div style="height: 100vh">
+    <ejs-pdfviewer
+      id="pdfViewer"
+      ref="pdfViewer"
+      :enableTextSearch="true"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      style="height: 100%"
+    >
+    </ejs-pdfviewer>
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+  FormFields, PageOrganizer, TextSelection, TextSearch, Print
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+    };
+  },
+  provide: {
+    PdfViewer: [
+      TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification,
+      Annotation, FormDesigner, FormFields, PageOrganizer
+    ]
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Programmatic text search
+
+While the PDF Viewer toolbar offers an interactive search experience, you can also trigger and customize searches programmatically by calling the following APIs in textSearch module.
+
+#### `searchText`
+
+Use the [`searchText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchtext) method to start a search with optional filters that control case sensitivity and whole-word behavior.
+
+```ts
+// searchText(text: string, isMatchCase?: boolean, isMatchWholeWord?: boolean)
+this.$refs.pdfViewer.ej2Instances.textSearch.searchText('search text', false);
+```
+
+Set the `isMatchCase` parameter to `true` to perform a case-sensitive search that mirrors the Match Case option in the search panel.
+
+```ts
+// This will only find instances of "PDF" in uppercase.
+this.$refs.pdfViewer.ej2Instances.textSearch.searchText('PDF', true);
+```
+
+#### `searchNext`
+
+[`searchNext`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchnext) method searches the next occurrence of the current query from the active match.
+
+```ts
+// searchNext()
+this.$refs.pdfViewer.ej2Instances.textSearch.searchNext();
+```
+
+#### `searchPrevious`
+
+[`searchPrevious`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchprevious) API searches the previous occurrence of the current query from the active match.
+
+```ts
+// searchPrevious()
+this.$refs.pdfViewer.ej2Instances.textSearch.searchPrevious();
+```
+
+#### `cancelTextSearch`
+
+[`cancelTextSearch`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#canceltextsearch) method cancels the current text search and removes the highlighted occurrences from the PDF Viewer.
+
+```ts
+// cancelTextSearch()
+this.$refs.pdfViewer.ej2Instances.textSearch.cancelTextSearch();
+```
+
+#### Complete Example
+
+Use the following code snippet to implement text search using SearchText API
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div style="height: 100vh">
+    <div class="controls">
+      <button @click="searchText">Search Text</button>
+      <button @click="previousSearch">Previous Search</button>
+      <button @click="nextSearch">Next Search</button>
+      <button @click="cancelSearch">Cancel Search</button>
+    </div>
+    <ejs-pdfviewer
+      id="pdfViewer"
+      ref="pdfViewer"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      style="height: calc(100% - 50px)"
+    >
+    </ejs-pdfviewer>
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+  FormFields, PageOrganizer, TextSelection, TextSearch, Print
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+    };
+  },
+  provide: {
+    PdfViewer: [
+      TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification,
+      Annotation, FormDesigner, FormFields, PageOrganizer
+    ]
+  },
+  methods: {
+    searchText() {
+      this.$refs.pdfViewer.ej2Instances.textSearch.searchText('pdf', false);
+    },
+    previousSearch() {
+      this.$refs.pdfViewer.ej2Instances.textSearch.searchPrevious();
+    },
+    nextSearch() {
+      this.$refs.pdfViewer.ej2Instances.textSearch.searchNext();
+    },
+    cancelSearch() {
+      this.$refs.pdfViewer.ej2Instances.textSearch.cancelTextSearch();
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+**Expected result:** the viewer highlights occurrences of `pdf` and navigation commands jump between matches.
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)
+
+## See also
+
+- [Find Text](./find-text)
+- [Text Search Events](./text-search-events)
+- [Extract Text](../how-to/extract-text)
+- [Extract Text Options](../how-to/extract-text-option)
+- [Extract Text Completed](../how-to/extract-text-completed)

From 8d6c0890f165b2d0a54787241a77b5f93f8e502e Mon Sep 17 00:00:00 2001
From: SF4524LogeshKumar <logeshkumar.dhamodharan@syncfusion.com>
Date: Thu, 25 Jun 2026 14:07:21 +0530
Subject: [PATCH 2/2] 1004886: Resolved CI Failures

---
 .../PDF/PDF-Viewer/vue/text-search/text-search-features.md      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md
index d8d6af7c9a..dc08f81b6a 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Text search in Vue PDF Viewer component | Syncfusion
-description: Learn how to configure text search and run programmatic searches in the Syncfusion Vue PDF Viewer.
+description:  Learn here all about how to configure text search and run programmatic searches in the Syncfusion Vue PDF Viewer.
 control: PDF Viewer
 platform: document-processing
 documentation: ug