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/react/events.md
+7-1Lines changed: 7 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1080,7 +1080,7 @@ The [keyboardCustomCommands](https://ej2.syncfusion.com/react/documentation/api/
1080
1080
When it triggers
1081
1081
- After registering gestures in commandManager.keyboardCommand. For example, pressing Shift + Alt + G or Shift + Alt + H triggers the event. Use this to handle custom keyboard shortcuts.
1082
1082
1083
-
Refer to [Keyboard interaction](./accessibility.md#keyboard-interaction) for details about adding and handling custom shortcut keys.
1083
+
Refer to [Keyboard interaction](./accessibility#keyboard-interaction) for details about adding and handling custom shortcut keys.
1084
1084
Example:
1085
1085
1086
1086
```jsx
@@ -1861,3 +1861,9 @@ root.render(<App />);
1861
1861
```
1862
1862
1863
1863
> Tip: For annotation and signature-specific events and arguments, see the dedicated Annotations Events topic.
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/react/feature-module.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
@@ -14,18 +14,18 @@ The PDF Viewer features are segregated into individual feature-wise modules to e
14
14
15
15
The available PDF Viewer modules are:
16
16
17
-
*[**Toolbar**](./toolbar-customization):- Built-in toolbar for better user interaction.
18
-
*[**Magnification**](./magnification.md):- Perform zooming operation for better viewing experience.
19
-
*[**Navigation**](./interactive-pdf-navigation/page-navigation.md):- Easy navigation across the PDF pages.
20
-
*[**LinkAnnotation**](./interactive-pdf-navigation/table-of-content-navigation.md):- Easy navigation within and outside of the PDF document.
21
-
*[**ThumbnailView**](./interactive-pdf-navigation/page-thumbnail-navigation.md):- Easy navigation with in the PDF document.
22
-
*[**BookmarkView**](./interactive-pdf-navigation/bookmark-navigation.md):- Easy navigation based on the bookmark content of the PDF document.
23
-
*[**TextSelection**](./textselection.md):- Select and copy text from a PDF file.
24
-
*[**TextSearch**](./text-search.md):- Search a text easily across the PDF document.
25
-
*[**Print**](./print.md):- Print the entire document or a specific page directly from the browser.
26
-
*[**Annotation**](./annotations/text-markup-annotation.md):- Annotations can be added or edited in the PDF document.
27
-
*[**FormFields**](./form-designer/create-programmatically.md):- Preserve the form fields in the PDF document.
28
-
*[**FormDesigner**](./form-designer/create-programmatically.md):- Form fields can be added or edited in the PDF document.
17
+
*[**Toolbar**](./toolbar-customization/annotation-toolbar-customization): Built-in toolbar for user interaction.
18
+
*[**Magnification**](./magnification): Perform zoom operations for a better viewing experience.
19
+
*[**Navigation**](./interactive-pdf-navigation/page-navigation): Navigate across pages.
20
+
*[**LinkAnnotation**](./interactive-pdf-navigation/table-of-content-navigation): Navigate within the document or to external destinations via hyperlinks.
21
+
*[**ThumbnailView**](./interactive-pdf-navigation/page-thumbnail-navigation): Navigate within the document using page thumbnails.
22
+
*[**BookmarkView**](./interactive-pdf-navigation/bookmark-navigation): Navigate using document bookmarks (table of contents).
23
+
*[**TextSelection**](./textselection): Select and copy text from the document.
24
+
*[**TextSearch**](./text-search): Search for text across the document.
25
+
*[**Print**](./print): Print the entire document or specific pages directly from the browser.
26
+
*[**Annotation**](./annotations/text-markup-annotation): Add and edit annotations.
27
+
*[**FormFields**](./form-designer/create-programmatically): Work with form fields in the document.
28
+
*[**FormDesigner**](./form-designer/create-programmatically): Add or edit form fields in the document.
29
29
30
30
>In addition to injecting the required modules in your application, enable corresponding properties to extend the functionality for a PDF Viewer instance.
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/react/how-to-overview.md
+50-50Lines changed: 50 additions & 50 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,54 +12,54 @@ domainurl: ##DomainURL##
12
12
13
13
The frequently asked questions in Essential<sup>®</sup> PDF Viewer are listed below.
14
14
15
-
*[How to add annotation in text search in react?](./how-to/add-annotation-in-text-search-ts.md)
16
-
*[How to add custom header to the PDF Viewer ajax request?](./how-to/add-header-value.md)
17
-
*[How to add a save button to PDF Viewer toolbar?](./how-to/add-save-button-ts.md)
18
-
*[How to customize the annotation selectors?](./how-to/annotation-selectors.md)
19
-
*[How to change the author name of the annotation dynamically?](./how-to/change-author-name-using-annotation-settings.md)
20
-
*[How to clear all the annotations from the PDF document?](./how-to/clear-annotations.md)
21
-
*[How to configure the annotation selector settings?](./how-to/configure-annotationselector-setting-ts.md)
22
-
*[What are the supported conformance or standards of PDF Viewer?](./how-to/conformance.md)
23
-
*[How to control the visibility of the annotation?](./how-to/control-annotation-visibility-ts.md)
24
-
*[How to convert the PDF library bounds to PDF viewer bounds?](./how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds-ts.md)
25
-
*[How to create PDF Viewer service using ASP.NET Core?](./how-to/create-pdfviewer-service-core.md)
26
-
*[How to create PDF viewer web service using ASP.NET MVC?](./how-to/create-pdfviewer-service.md)
27
-
*[How to customize the context menu in PDF Viewer?](./how-to/custom-context-menu.md)
28
-
*[How to add custom font in handwritten signature?](./how-to/custom-font-signature-field-ts.md)
29
-
*[How to add custom fonts for form fields and free text annotations?](./how-to/custom-fonts-ts.md)
30
-
*[How to customize text search highlight color in PDF Viewer?](./how-to/customize-text-search-color.md)
31
-
*[How to delete a specific annotation from the PDF document?](./how-to/delete-annotation.md)
32
-
*[How to disable the context menu?](./how-to/disable-context-menu.md)
33
-
*[How to disable tile rendering in PDF Viewer?](./how-to/disable-tile-rendering.md)
34
-
*[How to display custom tooltip for annotation?](./how-to/display-custom-tool-tip-for-annotation.md)
35
-
*[How to get the download start event?](./how-to/download-start-event-ts.md)
36
-
*[How to enable or disable the local storage?](./how-to/enable-local-storage-ts.md)
37
-
*[Enable the resizer for text markup annotation?](./how-to/enable-resize.md)
38
-
*[How to enable or disable the text selection?](./how-to/enable-text-selection-ts.md)
39
-
*[How to export the PDF pages as images?](./how-to/export-as-image-ts.md)
40
-
*[How to extract text from the PDF document?](./how-to/extract-text-completed-ts.md)
41
-
*[How to extract text from a specific region?](./how-to/extract-text-option-ts.md)
42
-
*[How to extract text from the PDF document?](./how-to/extract-text-ts.md)
43
-
*[How to find the text in the PDF document asynchronously?](./how-to/find-text-async-ts.md)
44
-
*[How to get the base64 string of the loaded document?](./how-to/get-base64-ts.md)
45
-
*[How to get the page information of the loaded document?](./how-to/get-page-info-ts.md)
46
-
*[How to perform highlight, underline, and strikethrough for the selected text?](./how-to/highlight-underline-strikeout-text.md)
47
-
*[How to identify the added annotation and its mode?](./how-to/identify-added-annotation-mode.md)
48
-
*[How to import annotations from the PDF document?](./how-to/import-annotations.md)
49
-
*[How to import and export annotations in PDF Viewer?](./how-to/import-export-annotation-ts.md)
50
-
*[How to load a PDF document in PDF Viewer?](./how-to/load-document.md)
51
-
*[How to set the minimum and maximum zoom percentage?](./how-to/min-max-zoom-ts.md)
52
-
*[How to open the bookmark pane when the document is loaded?](./how-to/open-bookmark-ts.md)
53
-
*[How to open the thumbnail pane when the document is loaded?](./how-to/open-thumbnail.md)
54
-
*[How to get the annotation when it is overlapped with another annotation on its selection?](./how-to/overlapped-annotation.md)
55
-
*[How to get the page render started and completed event?](./how-to/pagerenderstarted-pagerendercompleted-ts.md)
56
-
*[How to print the PDF document silently?](./how-to/print-document.md)
57
-
*[How to resolve the `Unable to find an entry point named 'FreeExportedValues' in DLL 'pdfium''?](./how-to/resolve-unable-to-find-an-entry-point-error.md)
58
-
*[How to restrict the zooming in mobile mode?](./how-to/restricting-zoom-in-mobile-mode-ts.md)
59
-
*[How to save the PDF document to database or URL?](./how-to/save-pdf-document-to-url.md)
60
-
*[How to select annotations in multi page?](./how-to/select-multi-page-annotations.md)
61
-
*[How to show custom stamp item in the stamp annotation?](./how-to/show-custom-stamp-item-ts.md)
62
-
*[How to show or hide a particular annotation?](./how-to/show-hide-annotation-ts.md)
63
-
*[How to get the signature selected and unselected event?](./how-to/signatureselect-signatureunselect-ts.md)
64
-
*[How to unload the PDF document from the viewer?](./how-to/unload-document.md)
15
+
*[How to add annotation in text search in react?](./how-to/add-annotation-in-text-search-ts)
16
+
*[How to add custom header to the PDF Viewer ajax request?](./how-to/add-header-value)
17
+
*[How to add a save button to PDF Viewer toolbar?](./how-to/add-save-button-ts)
18
+
*[How to customize the annotation selectors?](./how-to/annotation-selectors)
19
+
*[How to change the author name of the annotation dynamically?](./how-to/change-author-name-using-annotation-settings)
20
+
*[How to clear all the annotations from the PDF document?](./how-to/clear-annotations)
21
+
*[How to configure the annotation selector settings?](./how-to/configure-annotationselector-setting-ts)
22
+
*[What are the supported conformance or standards of PDF Viewer?](./how-to/conformance)
23
+
*[How to control the visibility of the annotation?](./how-to/control-annotation-visibility-ts)
24
+
*[How to convert the PDF library bounds to PDF viewer bounds?](./how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds-ts)
25
+
*[How to create PDF Viewer service using ASP.NET Core?](./how-to/create-pdfviewer-service-core)
26
+
*[How to create PDF viewer web service using ASP.NET MVC?](./how-to/create-pdfviewer-service)
27
+
*[How to customize the context menu in PDF Viewer?](./how-to/custom-context-menu)
28
+
*[How to add custom font in handwritten signature?](./how-to/custom-font-signature-field-ts)
29
+
*[How to add custom fonts for form fields and free text annotations?](./how-to/custom-fonts-ts)
30
+
*[How to customize text search highlight color in PDF Viewer?](./how-to/customize-text-search-color)
31
+
*[How to delete a specific annotation from the PDF document?](./how-to/delete-annotation)
32
+
*[How to disable the context menu?](./how-to/disable-context-menu)
33
+
*[How to disable tile rendering in PDF Viewer?](./how-to/disable-tile-rendering)
34
+
*[How to display custom tooltip for annotation?](./how-to/display-custom-tool-tip-for-annotation)
35
+
*[How to get the download start event?](./how-to/download-start-event-ts)
36
+
*[How to enable or disable the local storage?](./how-to/enable-local-storage-ts)
37
+
*[Enable the resizer for text markup annotation?](./how-to/enable-resize)
38
+
*[How to enable or disable the text selection?](./how-to/enable-text-selection-ts)
39
+
*[How to export the PDF pages as images?](./how-to/export-as-image-ts)
40
+
*[How to extract text from the PDF document?](./how-to/extract-text-completed-ts)
41
+
*[How to extract text from a specific region?](./how-to/extract-text-option-ts)
42
+
*[How to extract text from the PDF document?](./how-to/extract-text-ts)
43
+
*[How to find the text in the PDF document asynchronously?](./how-to/find-text-async-ts)
44
+
*[How to get the base64 string of the loaded document?](./how-to/get-base64-ts)
45
+
*[How to get the page information of the loaded document?](./how-to/get-page-info-ts)
46
+
*[How to perform highlight, underline, and strikethrough for the selected text?](./how-to/highlight-underline-strikeout-text)
47
+
*[How to identify the added annotation and its mode?](./how-to/identify-added-annotation-mode)
48
+
*[How to import annotations from the PDF document?](./how-to/import-annotations)
49
+
*[How to import and export annotations in PDF Viewer?](./how-to/import-export-annotation-ts)
50
+
*[How to load a PDF document in PDF Viewer?](./how-to/load-document)
51
+
*[How to set the minimum and maximum zoom percentage?](./how-to/min-max-zoom-ts)
52
+
*[How to open the bookmark pane when the document is loaded?](./how-to/open-bookmark-ts)
53
+
*[How to open the thumbnail pane when the document is loaded?](./how-to/open-thumbnail)
54
+
*[How to get the annotation when it is overlapped with another annotation on its selection?](./how-to/overlapped-annotation)
55
+
*[How to get the page render started and completed event?](./how-to/pagerenderstarted-pagerendercompleted-ts)
56
+
*[How to print the PDF document silently?](./how-to/print-document)
57
+
*[How to resolve the `Unable to find an entry point named 'FreeExportedValues' in DLL 'pdfium''?](./how-to/resolve-unable-to-find-an-entry-point-error)
58
+
*[How to restrict the zooming in mobile mode?](./how-to/restricting-zoom-in-mobile-mode-ts)
59
+
*[How to save the PDF document to database or URL?](./how-to/save-pdf-document-to-url)
60
+
*[How to select annotations in multi page?](./how-to/select-multi-page-annotations)
61
+
*[How to show custom stamp item in the stamp annotation?](./how-to/show-custom-stamp-item-ts)
62
+
*[How to show or hide a particular annotation?](./how-to/show-hide-annotation-ts)
63
+
*[How to get the signature selected and unselected event?](./how-to/signatureselect-signatureunselect-ts)
64
+
*[How to unload the PDF document from the viewer?](./how-to/unload-document)
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/react/how-to/custom-fonts.md
+9-1Lines changed: 9 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,6 +10,12 @@ domainurl: ##DomainURL##
10
10
11
11
# Add custom fonts in PDF Viewer
12
12
13
+
The React PDF Viewer supports loading, editing, and saving custom fonts in form fields such as text boxes, list boxes, and drop-downs by using the customFonts property. Add the required TTF files to the resource URL directory used by the viewer so they can be loaded at runtime and used in forms.
14
+
15
+
## Integrating Custom Font Collections into Form Fields in PDF Viewer
16
+
17
+
To ensure proper rendering and saving of form fields that use custom fonts, especially when the fonts are not installed on the system, place the TTF files in the resource URL path referenced by the viewer and specify their names through the customFonts property (string array). These fonts will then be available for loading, editing, and saving form fields in the PDF.
18
+
13
19
To use custom fonts in the Syncfusion PDF Viewer, add the custom TTF files to the resource URL directory and configure the viewer to load them. Specify font file names using the `customFonts` property as an array of names.
14
20
15
21
Steps to add custom fonts
@@ -32,4 +38,6 @@ Steps to add custom fonts
32
38
```
33
39
{% endraw %}
34
40
35
-
These steps integrate custom fonts into PDF documents displayed in the PDF Viewer.
41
+
These steps integrate custom fonts into PDF documents displayed in the PDF Viewer.
42
+
43
+
> Note: If a form field (TextBox, ListBox, DropDown) using a custom font has text larger than the field’s bounds, the downloaded PDF may render incorrectly in browsers or third‑party viewers. It displays correctly in the Syncfusion PDF Viewer. To avoid this, use a font size that fits within the field or enlarge the field before saving/downloading.
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/react/magnification.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
@@ -82,11 +82,11 @@ root.render(<App />);
82
82
83
83
The following magnification options are available in the default toolbar of PDF Viewer,
84
84
85
-
*[**ZoomIn**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/magnification/#zoomin):- Zoom in from the current zoom value of PDF pages.
86
-
*[**ZoomOut**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/magnification/#zoomout):- Zoom out from the current zoom value of PDF pages.
87
-
*[**Zoom**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/magnification/#zoomto):- Zoom to specific zoom value of PDF pages.
88
-
*[**FitPage**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/magnification/#fittopage):- Fits the page width with in the available view port size.
89
-
*[**FitWidth**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/magnification/#fittowidth):- Fits the view port width based on the page content size.
85
+
*[**ZoomIn**](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/magnification/#zoomin):- Zoom in from the current zoom value of PDF pages.
86
+
*[**ZoomOut**](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/magnification/#zoomout):- Zoom out from the current zoom value of PDF pages.
87
+
*[**Zoom**](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/magnification/#zoomto):- Zoom to specific zoom value of PDF pages.
88
+
*[**FitPage**](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/magnification/#fittopage):- Fits the page width with in the available view port size.
89
+
*[**FitWidth**](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/magnification/#fittowidth):- Fits the view port width based on the page content size.
0 commit comments