Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions Document-Processing-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -1642,6 +1642,7 @@
</ul>
</li>
<li><a href="/document-processing/pdf/pdf-viewer/vue/accessibility">Accessibility</a></li>
<li><a href="/document-processing/pdf/pdf-viewer/vue/mobile-toolbar">Mobile Toolbar Interface</a></li>
<li><a href="/document-processing/pdf/pdf-viewer/vue/toolbar">Toolbar Customization</a>
<ul>
<li><a href="/document-processing/pdf/pdf-viewer/vue/toolbar-customization/primary-toolbar">Primary Toolbar</a></li>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -149,7 +149,7 @@ The following table lists the default text values used by the PDF Viewer in the
|Highlight context|Highlight|
|Underline context|Underline|
|Strikethrough context|Strike through|
|Server error|Web-service is not listening. PDF Viewer depends on web-service for all it's features. Please start the web service to continue.|
|Server error|Web-service is not listening. PDF Viewer depends on web-service for all its features. Please start the web service to continue.|
|Open text|Open|
|First text|First Page|
|Previous text|Previous Page|
Expand Down Expand Up @@ -189,15 +189,15 @@ The following table lists the default text values used by the PDF Viewer in the
|Add circle|Add Circle|
|Add polygon|Add Polygon|
|Add Comments|Add Comments|
|Comments| Comments|
|Comments|Comments|
|No Comments Yet|No Comments Yet|
|Accepted| Accepted|
|Completed| Completed|
|Cancelled| Cancelled|
|Rejected| Rejected|
|Accepted|Accepted|
|Completed|Completed|
|Cancelled|Cancelled|
|Rejected|Rejected|
|Leader Length|Leader Length|
|Scale Ratio|Scale Ratio|
|Calibrate| Calibrate|
|Calibrate|Calibrate|
|Calibrate Distance|Calibrate Distance|
|Calibrate Perimeter|Calibrate Perimeter|
|Calibrate Area|Calibrate Area|
Expand Down Expand Up @@ -234,7 +234,7 @@ The following table lists the default text values used by the PDF Viewer in the
|Text Align|Text Align|
|Text Properties|Text Properties|
|Draw Signature|Draw Signature|
|Create| Create|
|Create|Create|
|Font family|Font Family|
|Font size|Font Size|
|Free Text|Free Text|
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ Use the Vue PDF Viewer’s [locale](https://ej2.syncfusion.com/vue/documentation

## Quick start (set German)
1. **Load translations** with `L10n.load` at app start (only include the keys you want to change).
2. **Set the culture** by passing `locale` value to `<PdfViewerComponent/>`.
2. **Set the culture** by passing the `locale` value to `<PdfViewerComponent/>`.
3. **Render the viewer** as usual. Missing keys will automatically fall back to `en-US`.

{% tabs %}
Expand Down Expand Up @@ -99,7 +99,7 @@ export default {
L10n.load({
'de': {
'PdfViewer': {
'PdfViewer': 'PDF-Viewer',
'PdfViewer': 'PDF-Viewer',
'Cancel': 'Abbrechen',
'Download file': 'Datei herunterladen',
'Download': 'Herunterladen',
Expand Down
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: RTL Localization in Vue PDF Viewer | Syncfusion
description: Learn about the Localization and Right to Left Lanugage Support in Syncfusion Vue PDF Viewer component.
description: Learn about the Localization and Right to Left Language Support in Syncfusion Vue PDF Viewer component.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---

# RTL and Localization Page in Vue PDF Viewer
# RTL and Localization in Vue PDF Viewer

Use RTL support to render the viewer interface for right-to-left languages.
- Enable [enableRtl](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#enablertl) to apply right-to-left layout.
Expand Down Expand Up @@ -90,7 +90,7 @@ export default {
],
},
};
//Load culutre files here
//Load culture files here
L10n.load({
'ar-AE': {
'PdfViewer': {
Expand Down Expand Up @@ -162,7 +162,7 @@ export default {
'End Arrow': 'نهاية السهم',
'Line Style': 'أسلوب الخط',
'Fill Color': 'ملء اللون',
'Line Color': ' الخط اللون',
'Line Color': 'لون الخط',

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Dhanush-git26 , is this proper transulation?

'None': 'لا شيء',
'Open Arrow': 'افتح',
'Closed Arrow': 'مغلق',
Expand Down
31 changes: 16 additions & 15 deletions Document-Processing/PDF/PDF-Viewer/vue/Redaction/mobile-view.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ layout: post
title: Redaction in mobile view in Vue PDF Viewer | Syncfusion
description: Learn how to apply redactions in mobile view using the Syncfusion Vue PDF Viewer with a complete toolbar setup and redaction workflow.
platform: document-processing
control: PdfViewer
control: Pdf Viewer

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Dhanush-git26 , Change it to "PDF Viewer"?

documentation: ug
---

Expand Down Expand Up @@ -132,7 +132,7 @@ 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)
- Specific Pages: 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:
Expand All @@ -146,15 +146,16 @@ The Redaction Properties tool allows customization of redaction appearance befor

![Redaction Properties Mobile View](./redaction-annotations-images/redaction-properties-annot.png)

Function: Customize the visual appearance of redaction overlays and text replacement
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
- **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.

![Redaction Properties Dialog Mobile View](./redaction-annotations-images/redaction-properties-dialog-annot.png)

Expand Down Expand Up @@ -195,13 +196,13 @@ Step 3: Configure your redaction parameters using the selected tool interface.

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.
Once you have configured redactions using any combination of the tools described above, follow the steps below to apply them.

Step 1: Review all redaction marks and configurations.

![Review Redaction Annotation](./redaction-annotations-images/review-redaction-annotation-mv-annot.png)

Step 2: Tap the Apply Redactions button in the redaction toolbar
Step 2: Tap the Apply Redactions button in the redaction toolbar.

![Apply Redaction Button](./redaction-annotations-images/apply-redaction-button-mv.png)

Expand All @@ -217,9 +218,9 @@ The selected content will be permanently removed and replaced according to your

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
- Step 1: Tap the `RedactionEditTool` button in the primary 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

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -123,7 +123,7 @@ Remove redaction annotations using the toolbar or keyboard shortcuts:

## Redact Entire Pages

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.
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 using the `addPageRedactions` method.

![Toolbar showing the Redact Page option](redaction-annotations-images/redact-page-icon.png)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ layout: post
title: Redaction Programmatic support in Vue PDF Viewer | Syncfusion
description: Learn how to add, delete, update, and apply redaction annotations programmatically in the Syncfusion Vue PDF Viewer.
platform: document-processing
control: PdfViewer
control: Pdf Viewer

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Dhanush-git26 ,Change it to "PDF Viewer"?

documentation: ug
---

Expand Down Expand Up @@ -736,5 +736,5 @@ The redaction property panel allows users to update annotation properties throug
* [Overview of Redaction](./overview)
* [Redaction UI interactions](./ui-interaction)
* [Redaction Toolbar](./toolbar)
* [Reaction in Mobile view](./mobile-view)
* [Redaction in Mobile view](./mobile-view)
* [Search Text and Redact](./search-redact)
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ domainurl: ##DomainURL##

# Search text and redact in Vue PDF Viewer

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.
You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below uses the `findTextAsync` method to perform a search and places a redaction annotation for every result.

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.

Expand Down Expand Up @@ -161,7 +161,7 @@ export default {
- 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.
- Adding a redaction annotation covers the content visually. To permanently remove the underlying sensitive data, call the viewer's Apply Redaction action (or invoke `inst.annotation.redact()` programmatically).

## See also

Expand Down
8 changes: 4 additions & 4 deletions Document-Processing/PDF/PDF-Viewer/vue/Redaction/toolbar.md
Original file line number Diff line number Diff line change
Expand Up @@ -101,7 +101,7 @@ export default {

Refer to the following image for the toolbar view:

![Enable redaction toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
![Enable redaction toolbar](redaction-annotations-images/redaction-icon-toolbar.png)

## Show or hide the redaction toolbar

Expand All @@ -111,7 +111,7 @@ The redaction toolbar can be toggled using the built‑in toolbar icon or progra

When `RedactionEditTool` is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.

![Show redaction toolbar from the primary toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
![Show redaction toolbar from the primary toolbar](redaction-annotations-images/redaction-icon-toolbar.png)

### Display the redaction toolbar programmatically

Expand Down Expand Up @@ -220,11 +220,11 @@ export default {

Refer to the following image for details:

![Programmatically show the Redaction toolbar](../redaction/redaction-annotations-images/show-redaction-toolbar.png)
![Programmatically show the Redaction toolbar](redaction-annotations-images/show-redaction-toolbar.png)

## See also

* [Adding the redaction annotation in PDF viewer](../redaction/overview)
* [Adding the redaction annotation in PDF viewer](./overview)
* [UI interactions](./ui-interaction)
* [Programmatic support](./programmatic-support)
* [Mobile view](./mobile-view)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ Use the redaction tool in the toolbar to draw over content that should be hidden
* **Resizable** – Resize the annotation to cover the required area.
![Resizing a redaction annotation](redaction-annotations-images/resizing-redaction-annotation.png)

N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../toolbar).
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

Expand Down Expand Up @@ -62,7 +62,7 @@ Use the General tab to define how the content will look after redaction. These s

![Fill Color in General Tab](redaction-annotations-images/after-redaction-fill-color.png)

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.
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: In the property panel dialog, select Save to persist the changes before applying the redaction.

#### Appearance tab

Expand Down Expand Up @@ -115,8 +115,7 @@ After choosing the range, select **Save** to apply redaction marks to the select

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.
* The button is disabled when no redaction annotations exist and automatically enables once at least one annotation is present.

![Redact Button Icon](redaction-annotations-images/redact-button-icon.png)

Expand Down
2 changes: 1 addition & 1 deletion Document-Processing/PDF/PDF-Viewer/vue/mobile-toolbar.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
layout: post
title: Mobile Toolbar Interface in Vue PDF Viewer component | Syncfusion
title: Mobile Toolbar Interface in Vue PDF Viewer | Syncfusion
description: Learn All About the Mobile Toolbar Interface in Syncfusion Vue PDF Viewer component of Syncfusion Essential JS 2 and more.
control: Mobile Toolbar Interface
platform: document-processing
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ domainurl: ##DomainURL##

# Enable print rotation in Vue PDF Viewer

This guide shows how to enable automatic rotation of landscape pages during printing so they match the paper orientation and reduce clipping. Use [`enablePrintRotation`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#enableprintrotation) when printing documents that include landscape pages and you want them rotated to match the printer paper orientation.
This guide shows how to enable automatic rotation of landscape pages during printing so they match the paper orientation and reduce clipping. Use [`enablePrintRotation`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#enableprintrotation) when printing documents that include landscape pages, and you want them rotated to match the printer paper orientation.

## Prerequisites

Expand Down
4 changes: 2 additions & 2 deletions Document-Processing/PDF/PDF-Viewer/vue/print/events.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Print Events in Vue PDF Viewer | Syncfusion
description: Learn how to configure print events and track usage and implements workflows in the Syncfusion Vue PDF Viewer component.
description: Learn how to configure print events and track usage and implement workflows in the Syncfusion Vue PDF Viewer component.
platform: document-processing
control: Print
documentation: ug
Expand Down Expand Up @@ -111,7 +111,7 @@ export default {

This event is emitted after the printing completes. Use to finalize analytics, clear temporary state, or notify users.

Arguments - ([`PrintEndEventArgs`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/printendeventargs)):
**Arguments** - ([`PrintEndEventArgs`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/printendeventargs)):

- `fileName` - The printed document name.

Expand Down
14 changes: 7 additions & 7 deletions Document-Processing/PDF/PDF-Viewer/vue/print/overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ Select **Print** in the built-in toolbar to open the browser print dialog.

![Browser print dialog from PDF Viewer](../../javascript-es6/images/print.gif)

## Enable or Disable Print in Vue PDF Viewer
## Enable or Disable print in Vue PDF Viewer

The Syncfusion Vue PDF Viewer component lets users print a loaded PDF document through the built-in toolbar or programmatic calls. Control whether printing is available by setting the [`enablePrint`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#enableprint) property (`true` enables printing; `false` disables it).

Expand Down Expand Up @@ -174,12 +174,12 @@ export default {

## Key capabilities

- Enable or disable printing with the [`enablePrint`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#enableprint) property
- Enable or disable printing with the [`enablePrint`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#enableprint) property.
- Start printing from UI (toolbar Print) or programmatically using [`print.print()`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/print#print-1).
- Control output quality with the [`printScaleFactor`](./print-quality) property (0.5–5)
- Auto‑rotate pages during print using [`enablePrintRotation`](./enable-print-rotation)
- Choose where printing happens with [`printMode`](./print-modes) (Default or NewWindow)
- Track the life cycle with [`printStart` and `printEnd` events](./events)
- Control output quality with the [`printScaleFactor`](./print-quality) property (0.5–5).
- Auto‑rotate pages during print using [`enablePrintRotation`](./enable-print-rotation).
- Choose where printing happens with [`printMode`](./print-modes) (Default or NewWindow).
- Track the life cycle with [`printStart` and `printEnd` events](./events).

## Troubleshooting

Expand All @@ -188,7 +188,7 @@ export default {

[View Sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)

## See Also
## See also

- [Print quality](./print-quality)
- [Enable print rotation](./enable-print-rotation)
Expand Down
4 changes: 2 additions & 2 deletions Document-Processing/PDF/PDF-Viewer/vue/print/print-modes.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---

# Print Modes in the Vue PDF Viewer
# Print modes in Vue PDF Viewer

This guide shows how to set the PDF Viewer [`printMode`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#printmode) so PDFs print from the current window or from a new window/tab.

Expand Down Expand Up @@ -99,7 +99,7 @@ export default {

**Step 3:** Print mode can also be changed at runtime after the viewer is created:

```html
```js
// switch to NewWindow at runtime
pdfviewer.ej2Instances.printMode = 'NewWindow';
```
Expand Down
Loading