diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/mobile-view.md
new file mode 100644
index 000000000..8ced90db2
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/mobile-view.md
@@ -0,0 +1,180 @@
+---
+layout: post
+title: Redaction in mobile view in JavaScript ES6 PDF Viewer | Syncfusion
+description: Learn how to apply redactions in mobile view using the Syncfusion JavaScript (ES6) PDF Viewer with a complete toolbar setup and redaction workflow.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Redaction in Mobile View in JavaScript (ES6) PdfViewer Component
+
+The Redaction Tool enables users to permanently mark and remove sensitive content from PDF documents in mobile view using the JavaScript (ES6) PdfViewer component. This feature is optimized for touch interactions and provides a streamlined redaction workflow specifically designed for mobile devices.
+
+
+
+N> In mobile view, the redaction toolbar appears at the bottom of the viewer for easy thumb access. Mobile layout activates automatically on small screens.
+
+## Adding Redaction in Mobile View
+
+To enable redaction functionality in your JavaScript (ES6) application, configure the PDF Viewer with the following setup:
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner);
+let viewer: PdfViewer = new PdfViewer({
+ documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+ resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+ toolbarSettings: {
+ toolbarItems: [
+ 'OpenOption',
+ 'UndoRedoTool',
+ 'PageNavigationTool',
+ 'MagnificationTool',
+ 'PanTool',
+ 'SelectionTool',
+ 'CommentTool',
+ 'SubmitForm',
+ 'AnnotationEditTool',
+ 'RedactionEditTool', // Enables Redaction toolbar
+ 'FormDesignerEditTool',
+ 'SearchOption',
+ 'PrintOption',
+ 'DownloadOption'
+ ]
+ }
+});
+viewer.appendTo('#pdfViewer');
+```
+
+## Understanding Mobile Redaction Toolbar Tools
+
+When you enter redaction mode in mobile view, a specialized redaction toolbar appears with multiple tools optimized for touch interaction. Each tool serves a specific purpose in the redaction workflow.
+
+### Redaction Annotation Tool
+
+The Redaction Annotation tool is the primary redaction feature that allows you to draw redaction rectangles on specific content:
+
+Function: Creates visual redaction annotations that mark content for permanent removal
+Usage:
+Touch and drag to draw rectangular redaction overlays on any content area.
+
+Process:
+- Selected content appears with a customizable overlay (default black)
+- Annotations remain editable until explicitly applied
+- Can be repositioned or deleted before final application
+
+
+
+### Page Redaction Tool
+
+The Page Redaction tool enables batch redaction of entire pages based on specific patterns.
+
+
+
+Function: Redacts complete pages or page ranges with a single action
+Options Available:
+- Odd Pages: Redacts only odd-numbered pages (1, 3, 5, etc.)
+- Even Pages: Redacts only even-numbered pages (2, 4, 6, etc.)
+- Specific Page: Specify single pages, ranges (e.g., 1-5, 10-15), or comma-separated lists (e.g., 1,3,5-7)
+- Current Page: Redacts only the currently displayed page
+
+Usage:
+Select desired pattern → Review affected pages in the viewer → Confirm redaction scope
+
+
+
+### Redaction Properties Tool
+
+The Redaction Properties tool allows customization of redaction appearance before application.
+
+
+
+Function: Customize the visual appearance of redaction overlays and text replacement
+Customizable Properties:
+- Fill Color: Change the redaction overlay color (default: black)
+- Outline Color: Set outline color for redaction boxes (optional)
+- Overlay Text: Add custom text to appear on redacted areas (e.g., "REDACTED", "CONFIDENTIAL")
+- Text Color: Change overlay text color for better visibility
+- Text Font: Select font family for overlay text
+- Text Alignment: Position overlay text within redaction boxes
+- Text Size: Adjust overlay text size relative to redaction area
+
+
+
+## Enabling Redaction Mode in Mobile View
+
+Step 1: Tap the Redaction button in the mobile toolbar to activate redaction mode. The redaction toolbar will appear at the bottom of the viewer.
+
+
+
+Step 2: From the redaction toolbar, select your desired redaction tool:
+- First Tool (Redaction Annotation): For selective content redaction
+- Second Tool (Page Redaction): For page-wide or pattern-based redaction
+- Third Tool (Redaction Properties): For appearance customization
+
+Step 3: Configure your redaction parameters using the selected tool interface.
+
+## Applying Different Redaction Types in Mobile View
+
+### Selective Content Redaction
+1. Select Redaction Annotation tool (first button)
+2. Choose Content: Tap and drag over text or draw rectangular areas
+3. Preview: Check redaction overlays for accuracy
+4. Apply: Tap "Apply Redactions" button
+
+### Page-Wide Redaction
+1. Select Page Redaction tool (second button)
+2. Choose Pattern: Select odd pages, even pages, or custom range
+3. Review: Verify affected pages in the viewer
+4. Apply: Confirm page redaction scope and apply
+
+### Custom Appearance Redaction
+1. Select Redaction Properties tool (third button)
+2. Customize: Adjust colors, overlay text, and formatting
+3. Preview: See changes applied to existing annotations
+4. Apply: Use customized appearance for final redaction
+
+## Applying Redactions in Mobile View
+
+N> Applying redactions is permanent. After applying, the underlying content and text are removed from the document and cannot be recovered.
+
+Once you have configured redactions using any combination of tools.
+
+Step 1: Review all redaction marks and configurations.
+
+
+
+Step 2: Tap the Apply Redactions button in the redaction toolbar
+
+
+
+Step 3: Confirm the action when prompted - this operation is permanent and cannot be undone
+
+
+
+The selected content will be permanently removed and replaced according to your redaction properties (solid color blocks or custom overlay text).
+
+
+
+## Removing Redaction Annotations
+
+To remove existing redaction annotations before they are applied:
+
+- Step 1: Tap the Redaction Edit button in the mobile toolbar to enter annotation editing mode
+- Step 2: Tap on any existing redaction annotation you wish to remove
+- Step 3: Select Delete from the context menu that appears
+
+Alternative: Tap redaction annotation → Use delete button in annotation properties panel
+
+
+
+N> Once redactions have been applied to the document, they become part of the PDF content and cannot be removed or modified.
+
+## See Also
+
+* [Redaction Overview](./overview)
+* [UI Interaction](./ui-interaction)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/overview.md
new file mode 100644
index 000000000..c2d5babfb
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/overview.md
@@ -0,0 +1,77 @@
+---
+layout: post
+title: Redaction annotation in Typescript PDF Viewer | Syncfusion
+description: Learn how to hide sensitive information with interactive and programmatic redaction using the Syncfusion JavaScript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Redaction in JavaScript (ES6) PdfViewer
+
+Redaction annotations are used to hide confidential or sensitive information in a PDF. The Syncfusion JavaScript PDF Viewer (EJ2) lets you mark areas or entire pages for redaction, customize their appearance, and permanently apply them with a single action.
+
+N> Prerequisites: Add the PdfViewer control to your JavaScript application and ensure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+
+
+## Add Redaction Annotations
+
+You can mark specific content for redaction using the toolbar or through code.
+
+Select the **Redaction tool** and draw over the text or graphics you want to hide. You can also add overlay text (such as “Confidential”) and adjust the style — fill color, border color, and opacity.
+
+
+
+## Delete Redaction Annotations
+
+Redaction annotations can be removed easily:
+
+- Click the **Delete** button on the toolbar, or
+- Select the annotation and press the **Delete** key.
+
+
+
+## Redact Entire Pages
+
+The viewer allows you to redact whole pages that contain sensitive information. You can choose specific pages, page ranges, or redact all pages using the built‑in dialog, or perform the same action programmatically.
+
+
+
+## Apply Redaction
+
+Once annotations are added, you can permanently apply them to the document. This action cannot be undone.
+
+Use the **Apply Redaction** button on the toolbar or call the API method:
+
+- The button is disabled until at least one redaction annotation exists.
+- It becomes active when redaction annotations are present.
+
+
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+
+
+N> After redaction is applied, the original content cannot be recovered.
+
+## Comment Support
+
+Redaction annotations can include comments using the built‑in comment panel. This helps you add notes, track reviews, or record the reason for redaction.
+
+Comments can be added through the UI or API. For more details, see the [Comments documentation](../annotations/comments).
+
+## Import and Export Redaction Annotations
+
+You can save and reload redaction annotations by exporting and importing them in JSON format. This makes it easy to persist annotations or share them across sessions.
+
+For more details, see the [Export and import annotations documentation](../how-to/import-export-annotation-ts).
+
+## See also
+
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Programmatic support](./programmatic-support)
+* [Redaction Toolbar](./toolbar)
+* [Redaction Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/programmatic-support.md
new file mode 100644
index 000000000..7a6c86a86
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/programmatic-support.md
@@ -0,0 +1,156 @@
+---
+layout: post
+title: Redaction Programmatic support in TypeScript PDF Viewer | Syncfusion
+description: Learn how to add, delete, update, and apply redaction annotations programmatically in the Syncfusion JavaScript (ES6/TypeScript) PDF Viewer.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Programmatic support for redaction in JavaScript (ES6) PdfViewer
+
+The Syncfusion JavaScript PDF Viewer (EJ2) provides APIs to add, update, delete, and apply redaction annotations programmatically. You can also redact entire pages, configure default properties, and work with the redaction property panel.
+
+## Add redaction annotations programmatically
+
+You can add redaction annotations to a PDF document using the `addAnnotation` method of the `annotation` module.
+
+```html
+
+```
+```ts
+document.getElementById('addRedactAnnot').addEventListener('click', () => {
+ viewer.annotation.addAnnotation("Redaction", {
+ bound: { x: 200, y: 480, width: 150, height: 75 },
+ pageNumber: 1,
+ markerFillColor: '#0000FF',
+ markerBorderColor: 'white',
+ fillColor: 'red',
+ overlayText: 'Confidential',
+ fontColor: 'yellow',
+ fontFamily: 'Times New Roman',
+ fontSize: 8,
+ beforeRedactionsApplied: false
+ });
+});
+```
+
+You can listen to the `annotationAdd` event to track when annotations are added:
+
+```ts
+viewer.annotationAdd = (args) => {
+ console.log('Annotation added:', args);
+};
+```
+
+## Delete redaction annotations programmatically
+
+Redaction annotations can be removed using the `deleteAnnotationById` event or by selecting and deleting them through code.
+
+```html
+
+```
+```ts
+// Delete annotation by id
+document.getElementById('deleteAnnotationbyId').addEventListener('click', () => {
+ viewer.annotationModule.deleteAnnotationById(
+ viewer.annotationCollection[0].annotationId
+ );
+ });
+```
+
+Alternatively, you can remove annotations by selecting them in the UI and pressing the **Delete** key.
+
+## Update redaction annotation properties programmatically
+
+You can update properties of an existing redaction annotation using the `editAnnotation` API. For example, to change overlay text or fill color:
+
+```html
+
+```
+```ts
+let editRedactAnnotation = document.getElementById('editRedactAnnotation');
+if (editRedactAnnotation) {
+editRedactAnnotation.addEventListener('click', function () {
+ if (viewer) {
+ for (let i = 0; i < viewer.annotationCollection.length; i++) {
+ if (viewer.annotationCollection[i].subject === "Redaction") {
+ viewer.annotationCollection[i].overlayText= 'EditedAnnotation',
+ viewer.annotationCollection[i].markerFillColor= '#22FF00',
+ viewer.annotationCollection[i].markerBorderColor= '#000000',
+ viewer.annotationCollection[i].isRepeat= true,
+ viewer.annotationCollection[i].fillColor= '#F8F8F8',
+ viewer.annotationCollection[i].fontColor= '#333333',
+ viewer.annotationCollection[i].fontSize= 14,
+ viewer.annotationCollection[i].fontFamily= 'Symbol',
+ viewer.annotationCollection[i].textAlign= 'Right'
+ viewer.annotationCollection[i].beforeRedactionsApplied= false
+ viewer.annotation.editAnnotation(viewer.annotationCollection[i]);
+ }
+ }
+ }
+});
+}
+```
+
+## Add page redactions programmatically
+
+Entire pages can be marked for redaction using the `addPageRedactions` method:
+
+```html
+
+```
+```ts
+document.getElementById('addPageRedactions').addEventListener('click', () => {
+ viewer.annotation.addPageRedactions([1, 3, 5, 7]); // Redacts pages 1, 3, 5, and 7
+});
+```
+
+## Apply redaction programmatically
+
+Once annotations are added, you can permanently apply them to the document using the `redact` method:
+
+```html
+
+```
+```ts
+document.getElementById('redact').addEventListener('click', () => {
+ viewer.annotation.redact();
+});
+```
+
+N> Applying redaction is irreversible. Once applied, the original content cannot be recovered.
+
+## Configure default redaction annotation properties
+
+You can configure default properties for redaction annotations (such as fill color, overlay text, and font) when adding them programmatically:
+
+```ts
+viewer.redactionSettings= {
+ overlayText: 'Confidential',
+ markerFillColor: '#FF0000',
+ markerBorderColor: '#000000',
+ isRepeat: false,
+ fillColor: '#F8F8F8',
+ fontColor: '#333333',
+ fontSize: 14,
+ fontFamily: 'Symbol',
+ textAlign: 'Right'
+ };
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## Redaction property panel
+
+The redaction property panel allows users to update annotation properties through the UI. Programmatically, you can invoke the property panel by selecting an annotation and calling the relevant APIs. Properties such as overlay text, font style, and fill color can be updated directly in the panel.
+
+
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Toolbar](./toolbar)
+* [Reaction in Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/adding-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/adding-redaction-annotation.png
new file mode 100644
index 000000000..b25b31126
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/adding-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/applied-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/applied-redaction-annot.png
new file mode 100644
index 000000000..f6a6a2831
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/applied-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-button-mv.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-button-mv.png
new file mode 100644
index 000000000..bd02a6bc3
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-button-mv.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png
new file mode 100644
index 000000000..0dea706e6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog.png
new file mode 100644
index 000000000..0692de34e
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png
new file mode 100644
index 000000000..8e061a883
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/moving-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/moving-redaction-annotation.png
new file mode 100644
index 000000000..f7715e2d1
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/moving-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-annot.png
new file mode 100644
index 000000000..bf4804998
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png
new file mode 100644
index 000000000..69658a826
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-panel.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-panel.png
new file mode 100644
index 000000000..be68305ae
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-panel.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-button-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-button-icon.png
new file mode 100644
index 000000000..954df393d
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-button-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-page-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-page-icon.png
new file mode 100644
index 000000000..0c9dbed27
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-page-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-text-context-menu.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-text-context-menu.png
new file mode 100644
index 000000000..a88985b39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-text-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-annotation-annot.png
new file mode 100644
index 000000000..5e9cde040
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-context-menu.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-context-menu.png
new file mode 100644
index 000000000..cd8f38b82
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-icon.png
new file mode 100644
index 000000000..4026f8c49
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-icon-toolbar.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-icon-toolbar.png
new file mode 100644
index 000000000..6de03e8cc
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-icon-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-mobile-view.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-mobile-view.png
new file mode 100644
index 000000000..2d9539200
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-mobile-view.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-annot.png
new file mode 100644
index 000000000..079e65e59
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png
new file mode 100644
index 000000000..5a56fb1d5
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-icon.png
new file mode 100644
index 000000000..3cc44eb64
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png
new file mode 100644
index 000000000..08d9a3a6a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/resizing-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/resizing-redaction-annotation.png
new file mode 100644
index 000000000..846e301da
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/resizing-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png
new file mode 100644
index 000000000..a78383509
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/show-redaction-toolbar.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/show-redaction-toolbar.png
new file mode 100644
index 000000000..94d75eb3b
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/show-redaction-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/search-redact.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/search-redact.md
new file mode 100644
index 000000000..00e887d50
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/search-redact.md
@@ -0,0 +1,114 @@
+---
+layout: post
+title: Search text and redact in Typescript PDF Viewer | Syncfusion
+description: Learn how to find text and add redaction annotations programmatically in the Syncfusion TypeScript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Search text and redact in JavaScript (ES6) PdfViewer
+
+You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below wires the extractTextCompleted event, triggers text extraction, performs a search, and places redaction annotations for every result.
+
+N> Prerequisites: Add the PdfViewer control to your JavaScript application and ensure a document is loaded. Make sure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+## Steps to add Redaction annotations on search Text Bounds
+
+**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/getting-started) to create a simple PDF Viewer sample.
+
+
+**Step 2:** Use the following code-snippets to Add Redaction annotation on Search Text Bounds.
+
+
+```html
+
+
+```
+```ts
+import { PdfViewer, TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification, Annotation, FormDesigner, FormFields, RedactionSettings } from '@syncfusion/ej2-pdfviewer';
+
+// Inject required modules
+PdfViewer.Inject(TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification, Annotation, FormDesigner, FormFields);
+
+const viewer: PdfViewer = new PdfViewer({
+ documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+ resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+});
+
+//Adding Redaction Tool in the toolbar
+viewer.toolbarSettings.toolbarItems = ['OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool', 'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool', 'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'];
+viewer.appendTo('#PdfViewer');
+
+//EventListener to Search Text and Redact
+document.getElementById('searchTextRedact')?.addEventListener('click', () => {
+ // Function to handle extractTextCompleted event
+ viewer.extractTextCompleted = args => {
+ const searchText = "syncfusion"; //Provide text to be redacted
+
+ // Perform text search
+ const searchResults = viewer.textSearchModule.findText(searchText, false);
+
+ if (!searchResults || searchResults.length === 0) {
+ console.warn("No matches found.");
+ return;
+ }
+
+ // Loop through search results
+ for (let i = 0; i < searchResults.length; i++) {
+ const pageResult = searchResults[i];
+ if (!pageResult || !pageResult.bounds || pageResult.bounds.length === 0) { continue; }
+
+ // guard pageIndex (fixes TS18048)
+ if (pageResult.pageIndex == null) { continue; }
+ const pageNumber = pageResult.pageIndex + 1;
+
+ // Loop through each bounding box of the found text
+ for (let j = 0; j < pageResult.bounds.length; j++) {
+ const bound = pageResult.bounds[j];
+
+ // Add a redaction annotation at the found text location
+ viewer.annotation.addAnnotation("Redaction", {
+ bound: {
+ x: (bound.x * 96) / 72,
+ y: (bound.y * 96) / 72,
+ width: (bound.width * 96) / 72,
+ height: (bound.height * 96) / 72
+ },
+ pageNumber: pageNumber,
+ overlayText: "Confidential",
+ fillColor: "#00FF40FF",
+ fontColor: "#333333",
+ fontSize: 12,
+ fontFamily: "Arial",
+ // removed textAlign property (fixes TS2353)
+ markerFillColor: "#FF0000",
+ markerBorderColor: "#000000"
+ }as RedactionSettings);
+ }
+ }
+ };
+ });
+
+//EventListener to Apply Redaction
+document.getElementById("applyRedaction")?.addEventListener('click', ()=>{
+ viewer.annotation.redact();
+});
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## Notes
+- Ensure the PDF is fully loaded before triggering extraction and search.
+- Bounds from search are in points (72 DPI). Convert to pixels (96 DPI) to align with annotation coordinates.
+- Customize overlay text, colors, and typography as needed.
+- Adding a redaction annotation covers the content visually. To permanently remove sensitive data, use the viewer's Apply Redaction action or equivalent API if available in your version.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [UI interactions](./ui-interaction)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/toolbar.md
new file mode 100644
index 000000000..6aa0add2d
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/toolbar.md
@@ -0,0 +1,99 @@
+---
+layout: post
+title: Customize the redaction toolbar in TypeScript PDF Viewer | Syncfusion
+description: Learn how to customize the redaction toolbar in the Syncfusion TypeScript PDF Viewer by showing or hiding default items.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction toolbar customization in TypeScript
+
+The redaction toolbar in the Syncfusion JavaScript (ES6/TypeScript) PDF Viewer can be customized by rearranging existing items, hiding default items, or adding new ones. You can also place custom items at specific index positions among the existing toolbar items.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner);
+
+let viewer: PdfViewer = new PdfViewer({
+ documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+ resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+ toolbarSettings: {
+ toolbarItems: [
+ 'OpenOption',
+ 'UndoRedoTool',
+ 'PageNavigationTool',
+ 'MagnificationTool',
+ 'PanTool',
+ 'SelectionTool',
+ 'CommentTool',
+ 'SubmitForm',
+ 'AnnotationEditTool',
+ 'RedactionEditTool', // Enables Redaction toolbar
+ 'FormDesignerEditTool',
+ 'SearchOption',
+ 'PrintOption',
+ 'DownloadOption'
+ ]
+ }
+});
+
+viewer.appendTo('#pdfViewer');
+```
+
+Refer to the following image for the toolbar view:
+
+
+
+## Show or hide the redaction toolbar
+
+You can toggle the redaction toolbar either using the built‑in toolbar icon or programmatically with the `showRedactionToolbar` method.
+
+### Display the redaction toolbar using the toolbar icon
+
+When **RedactionEditTool** is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.
+
+
+
+### Display the redaction toolbar programmatically
+
+You can also control visibility through code by calling `viewer.toolbar.showRedactionToolbar(true/false)`.
+
+The following example demonstrates toggling the redaction toolbar programmatically:
+
+
+```html
+
+
+
+```
+```ts
+document.getElementById('showRedactionToolbar').addEventListener('click', () => {
+ viewer.toolbar.showRedactionToolbar(true); // Show the redaction toolbar
+});
+
+document.getElementById('hideRedactionToolbar').addEventListener('click', () => {
+ viewer.toolbar.showRedactionToolbar(false); // Hide the redaction toolbar
+});
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+Refer to the following image for details:
+
+
+
+## See also
+
+* [Adding the redaction annotation in PDF viewer](../redaction/overview)
+* [UI interactions](./ui-interaction)
+* [Programmatic support](./programmatic-support)
+* [Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/ui-interaction.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/ui-interaction.md
new file mode 100644
index 000000000..ba404d55d
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/ui-interaction.md
@@ -0,0 +1,97 @@
+---
+layout: post
+title: Redaction UI interactions in TypeScript PDF Viewer | Syncfusion
+description: Learn about UI interactions in Redaction annotations of the Syncfusion JavaScript (ES6) PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction UI interactions in JavaScript (ES6) PdfViewer
+
+## Add redaction annotations from the toolbar
+
+Use the redaction tool in the toolbar to draw over content that should be hidden. After marking, an annotation can display overlay text (for example, “Confidential”) and can be styled using fill color and other properties.
+
+
+
+#### Redaction annotations are interactive
+
+* **Movable** – Drag and reposition the annotation within the same page.
+
+
+* **Resizable** – Resize the annotation to cover the required area.
+
+
+N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../toolbar).
+
+## Add redaction annotations using the context menu
+
+In addition to the toolbar, you can add redaction annotations directly from the context menu. Select the text or region, right‑click (or long‑press on mobile), and choose the **Redact Annotation** option. This creates a redaction mark over the selected content.
+
+
+
+## Update redaction properties
+
+After adding a redaction annotation, you can update its properties through the property panel or programmatically.
+
+### Update using the property panel
+
+When a redaction annotation is selected, you can change overlay text, font style, fill color, and other properties. Updates are applied immediately in the viewer.
+
+The property panel can be opened in two ways:
+
+* By clicking the **redaction property panel** icon in the toolbar.
+
+
+* By right‑clicking (or long‑pressing) the annotation and choosing **Properties** from the context menu.
+
+
+## Delete redaction annotations
+
+Delete redaction annotations using any of the following:
+
+* **Right-click and select Delete** from the context menu.
+
+
+
+* **Click the Delete button** on the toolbar.
+
+
+* **Press the Delete key** after selecting the annotation.
+
+## Redact pages using the UI
+
+Entire pages can be marked for redaction using the **Redact Pages** option in the toolbar. Clicking the icon opens a dialog with options:
+
+* **Current Page** – Redacts the page currently in view.
+* **Odd Pages Only** – Redacts all odd‑numbered pages.
+* **Even Pages Only** – Redacts all even‑numbered pages.
+* **Specific Pages** – Enter page numbers or ranges (e.g., 1, 3–5, 7) to redact.
+
+After choosing the range, click **Save** to apply redaction marks to the selected pages.
+
+
+
+## Apply redaction from the toolbar
+
+The **Apply Redaction** button permanently removes all marked content from the document.
+
+* The button is disabled when no redaction annotations exist.
+* It automatically enables once at least one annotation is present.
+
+
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+
+
+N> Redaction is permanent. Once applied, the original content cannot be restored.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)