You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/vue/Redaction/mobile-view.md
+8-9Lines changed: 8 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,11 +9,11 @@ documentation: ug
9
9
10
10
# Redaction in Mobile View in Vue PdfViewer Component
11
11
12
-
The Redaction Tool enables users to permanently mark and remove sensitive content from PDF documents in mobile view using the Vue PdfViewer component. This feature is optimized for touch interactions and provides a streamlined redaction workflow specifically designed for mobile devices.
12
+
The Redaction Tool enables permanent marking and removal of sensitive content from PDF documents in mobile view using the Vue PdfViewer component. This feature is optimized for touch interactions and provides a streamlined redaction workflow specifically designed for mobile devices.
13
13
14
14
15
15
16
-
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.
16
+
N> In mobile view, the redaction toolbar appears at the bottom of the viewer for easy thumb access. The mobile layout activates automatically on small screens.
17
17
18
18
## Adding Redaction in Mobile View
19
19
@@ -110,11 +110,10 @@ When you enter redaction mode in mobile view, a specialized redaction toolbar ap
110
110
111
111
### Redaction Annotation Tool
112
112
113
-
The Redaction Annotation tool is the primary redaction feature that allows you to draw redaction rectangles on specific content:
113
+
The Redaction Annotation tool is the primary redaction feature that allows drawing redaction rectangles on specific content.
114
114
115
-
Function: Creates visual redaction annotations that mark content for permanent removal
116
-
Usage:
117
-
Touch and drag to draw rectangular redaction overlays on any content area.
115
+
Function: Creates visual redaction annotations that mark content for permanent removal.
116
+
Usage: Touch and drag to draw rectangular redaction overlays on any content area.
118
117
119
118
Process:
120
119
- Selected content appears with a customizable overlay (default black)
@@ -129,8 +128,8 @@ The Page Redaction tool enables batch redaction of entire pages based on specifi
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/vue/Redaction/overview.md
+10-12Lines changed: 10 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
10
10
11
11
# Redaction in Vue PdfViewer
12
12
13
-
Redaction annotations are used to hide confidential or sensitive information in a PDF. The Syncfusion Vue PDF Viewer (EJ2) lets you mark areas or entire pages for redaction, customize their appearance, and permanently apply them with a single action.
13
+
Redaction annotations hide confidential or sensitive information in a PDF. The Syncfusion Vue PDF Viewer (EJ2) enables marking regions or entire pages for redaction, customizing appearance, and permanently applying redaction with a single action.
14
14
15
15
## Enable the redaction toolbar
16
16
@@ -100,49 +100,47 @@ export default {
100
100
{% endhighlight %}
101
101
{% endtabs %}
102
102
103
-
N> Prerequisites: Add the PdfViewer control to your Vue application and ensure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
103
+
N> Add the PdfViewer control to the Vue application and ensure the redaction feature is included in the installed package version. Once applied, redaction permanently removes the selected content.
104
104
105
105
106
106
107
107
## Add Redaction Annotations
108
108
109
-
You can mark specific content for redaction using the toolbar or through code.
109
+
Mark specific content for redaction using the toolbar or programmatically.
110
110
111
-
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.
111
+
Select the **Redaction tool** and draw over text or graphics to hide. Optionally add overlay text (for example, “Confidential”) and adjust style properties: fill color, border color, and opacity.
112
112
113
113
114
114
115
115
## Delete Redaction Annotations
116
116
117
-
Redaction annotations can be removed easily:
117
+
Remove redaction annotations using the toolbar or keyboard shortcuts:
118
118
119
-
- Click the **Delete** button on the toolbar, or
119
+
- Click the **Delete** button on the toolbar, or
120
120
- Select the annotation and press the **Delete** key.
121
121
122
122
123
123
124
124
## Redact Entire Pages
125
125
126
-
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.
126
+
The viewer supports redacting entire pages that contain sensitive information. Use the built-in dialog to select specific pages, page ranges, or all pages, or invoke the same behavior programmatically.
127
127
128
128
129
129
130
130
## Apply Redaction
131
131
132
-
Once annotations are added, you can permanently apply them to the document. This action cannot be undone.
133
-
134
-
Use the **Apply Redaction** button on the toolbar or call the API method:
132
+
After adding redaction annotations, permanently apply them to the document using the **Apply Redaction** toolbar button or the corresponding API method.
135
133
136
134
- The button is disabled until at least one redaction annotation exists.
137
135
- It becomes active when redaction annotations are present.
138
136
139
137
140
138
141
-
A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
139
+
A confirmation dialog appears before applying redaction to ensure acknowledgement of the irreversible action.
142
140
143
141
144
142
145
-
N> After redaction is applied, the original content cannot be recovered.
143
+
N> Applying redaction is irreversible. Once applied, the original content cannot be recovered.
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/vue/Redaction/programmatic-support.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@ documentation: ug
9
9
10
10
# Programmatic support for redaction in Vue PdfViewer
11
11
12
-
The Syncfusion Vue PDF Viewer 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.
12
+
The Syncfusion Vue `PdfViewer` control 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.
13
13
14
14
## Enable the redaction toolbar
15
15
@@ -216,7 +216,7 @@ export default {
216
216
217
217
## Delete redaction annotations programmatically
218
218
219
-
Redaction annotations can be removed using the `deleteAnnotationById`event or by selecting and deleting them through code.
219
+
Redaction annotations can be removed using the `deleteAnnotationById`method or by selecting and deleting them through code.
220
220
221
221
{% tabs %}
222
222
{% highlight html tabtitle="App.vue"%}
@@ -621,7 +621,7 @@ export default {
621
621
{% endhighlight %}
622
622
{% endtabs %}
623
623
624
-
N> Applying redaction is irreversible. Once applied, the original content cannot be recovered.
624
+
N> Applying redaction is irreversible. Before calling `redact()`, save or exportabackupcopyofthedocument; the original content cannot be recovered.
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.
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/vue/Redaction/search-redact.md
+6-7Lines changed: 6 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,18 +8,17 @@ documentation: ug
8
8
domainurl: ##DomainURL##
9
9
---
10
10
11
-
# Search text and redact in Vue PdfViewer
11
+
# Search text and redact in Vue PDF Viewer
12
12
13
-
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.
13
+
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.
14
14
15
-
N> Prerequisites: Add the PdfViewer control to your Vue 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.
15
+
N> Prerequisites: Add the PDF Viewer control to your Vue application and ensure a document is loaded. Confirm the redaction feature is available in the viewer version in use and that text extraction is enabled (`isExtractText: true`). Redaction is permanent once applied.
16
16
17
-
## Steps to add Redaction annotations on search Text Bounds
17
+
## Steps to add redaction annotations on search text bounds
18
18
19
-
**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/Vue/getting-started) to create a simple PDF Viewer sample.
19
+
**Step 1:** Follow the steps in [PDF Viewer - Getting started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/getting-started) to create a simple PDF Viewer sample.
20
20
21
-
22
-
**Step 2:** Use the following code-snippets to Add Redaction annotation on Search Text Bounds.
21
+
**Step 2:** Use the following code snippets to add redaction annotations to search text bounds.
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/vue/Redaction/toolbar.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,11 +9,11 @@ documentation: ug
9
9
10
10
# Redaction toolbar customization in Vue
11
11
12
-
The redaction toolbar in the Syncfusion Vue 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.
12
+
The redaction toolbar in the Syncfusion Vue PDF Viewer can be customized by rearranging items, hiding default items, or adding custom items. Custom items can be inserted at specific index positions within the existing toolbar.
13
13
14
14
## Enable the redaction toolbar
15
15
16
-
To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
16
+
To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the `RedactionEditTool`.
17
17
18
18
The following example shows how to enable the redaction toolbar:
19
19
@@ -105,17 +105,17 @@ Refer to the following image for the toolbar view:
105
105
106
106
## Show or hide the redaction toolbar
107
107
108
-
You can toggle the redaction toolbar either using the built‑in toolbar icon or programmatically with the `showRedactionToolbar` method.
108
+
The redaction toolbar can be toggled using the built‑in toolbar icon or programmatically with the `showRedactionToolbar` method.
109
109
110
110
### Display the redaction toolbar using the toolbar icon
111
111
112
-
When **RedactionEditTool** is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.
112
+
When `RedactionEditTool` is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.
113
113
114
114
115
115
116
116
### Display the redaction toolbar programmatically
117
117
118
-
You can also control visibility through code by calling `viewer.toolbar.showRedactionToolbar(true/false)`.
118
+
Programmatic control is available via the viewer instance. For example, call `this.pdfViewer.toolbar.showRedactionToolbar(true)` to display the redaction toolbar, or `this.pdfViewer.toolbar.showRedactionToolbar(false)` to hide it.
119
119
120
120
The following example demonstrates toggling the redaction toolbar programmatically:
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/vue/Redaction/ui-interaction.md
+12-12Lines changed: 12 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,13 +1,13 @@
1
1
---
2
2
layout: post
3
3
title: Redaction UI interactions in Vue PDF Viewer | Syncfusion
4
-
description: Learn about UI interactions in Redaction annotations of the Syncfusion Vue PDF Viewer component.
4
+
description: Learn about the various UI interactions in Redaction annotations of the Syncfusion Vue PDF Viewer component and more
5
5
platform: document-processing
6
6
control: PDF Viewer
7
7
documentation: ug
8
8
---
9
9
10
-
# Redaction UI interactions in Vue PdfViewer
10
+
# Redaction UI interactions in Vue PDF Viewer
11
11
12
12
## Add redaction annotations from the toolbar
13
13
@@ -27,21 +27,21 @@ N> The redaction tool is hidden by default. Customize the toolbar to include it.
27
27
28
28
## Add redaction annotations using the context menu
29
29
30
-
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.
30
+
In addition to the toolbar, redaction annotations can be added directly from the context menu. To add 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.
31
31
32
32
33
33
34
34
## Update redaction properties
35
35
36
-
After adding a redaction annotation, you can update its properties through the property panel or programmatically.
36
+
After adding a redaction annotation, properties can be updated through the property panel or programmatically.
37
37
38
38
### Update using the property panel
39
39
40
-
When a redaction annotation is selected, a two‑tab property panel (General and Appearance) lets you customize text and styling. Changes are reflected instantly on the redaction mark.
40
+
When a redaction annotation is selected, a two‑tab property panel (General and Appearance) allows customization of text and styling. Changes are reflected instantly on the redaction mark.
41
41
42
42
The property panel can be opened in two ways:
43
43
44
-
* By clicking the **redaction property panel** icon in the toolbar.
44
+
* 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.
@@ -62,7 +62,7 @@ Use the General tab to define how the content will look after redaction. These s
62
62
63
63
64
64
65
-
Note: Hovering the mouse over a redaction annotation shows a preview of this final look. After you click Apply Redaction, these settings are flattened into the page and can’t be edited. Tip: Click Save in the dialog to keep your changes.
65
+
N> Hovering over a redaction annotation shows a preview of the final look. After Apply Redaction is selected, these settings are flattened into the page and cannot be edited. Tip: Select Save in the dialog to persist changes.
66
66
67
67
#### Appearance tab
68
68
@@ -72,18 +72,18 @@ Use the Appearance tab to style the redaction annotation itself (before applying
72
72
* Outline Color – Optional border for the annotation.
73
73
* Fill Opacity – Controls how transparent the annotation appears during review.
74
74
75
-
Note: The Appearance tab affects only the temporary annotation. The final look after applying redaction comes from the General tab settings.
75
+
N> The Appearance tab affects only the temporary annotation. The final look after applying redaction comes from the General tab settings.
* The selected content is permanently removed from the page.
84
84
* The redaction region is flattened into the page with a solid fill that uses the General tab Fill Color.
85
85
* If overlay text was enabled, the text is burned into the page. If Repeat Overlay Text was enabled, the text is tiled across the region.
86
-
* All properties become read‑only. You cannot edit overlay text, fill color, outline, or opacity after applying. Set the final look in the General tab and use the Appearance tab only to style the annotation before you apply.
86
+
* All properties become read‑only. Overlay text, fill color, outline, and opacity cannot be edited after applying. Set the final look in the General tab and use the Appearance tab only to style the annotation before applying.
87
87
88
88
## Delete redaction annotations
89
89
@@ -107,7 +107,7 @@ Entire pages can be marked for redaction using the **Redact Pages** option in th
107
107
***Even Pages Only** – Redacts all even‑numbered pages.
108
108
***Specific Pages** – Enter page numbers or ranges (e.g., 1, 3–5, 7) to redact.
109
109
110
-
After choosing the range, click**Save** to apply redaction marks to the selected pages.
110
+
After choosing the range, select**Save** to apply redaction marks to the selected pages.
0 commit comments