diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/add-header-value.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/add-header-value.md index 46237f5946..dbd28908ba 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/add-header-value.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/add-header-value.md @@ -9,9 +9,9 @@ documentation: ug # Add header values in the JavaScript PDF Viewer -Use the `ajaxHeaders` property inside the PDF Viewer’s [ajaxRequestSettings](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#ajaxrequestsettings) to send custom HTTP headers with each request made by the viewer. +Use the `ajaxHeaders` property inside the PDF Viewer's [ajaxRequestSettings](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer#ajaxrequestsettings) to send custom HTTP headers with each request made by the viewer. -Example: Add a custom Authorization header using `ajaxRequestSettings` in an JavaScript component +Example: Add a custom Authorization header using `ajaxRequestSettings` in a JavaScript component ```ts diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/configure-annotationselector-setting-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/configure-annotationselector-setting-js.md index 4dd97afa10..8e14123224 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/configure-annotationselector-setting-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/configure-annotationselector-setting-js.md @@ -1,6 +1,6 @@ --- layout: post -title: Configure annotation selector settings in JavaScript PDF Viewer | Syncfusion +title: Configure annotation selector settings in PDF Viewer | Syncfusion description: Learn how to configure annotation selector settings in the JavaScript PDF Viewer using annotationSelectorSettings and related options. platform: document-processing control: PDF Viewer @@ -8,13 +8,13 @@ documentation: ug domainurl: ##DomainURL## --- -# Configure annotation selector settings +# Configure annotation selector settings in JavaScript -Use the [annotationSelectorSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotationSelectorSettings/) property to customize the appearance and behavior of the annotation selector in the UI. +Use the [annotationSelectorSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotationSelectorSettings) property to customize the appearance and behavior of the annotation selector in the UI. ### AnnotationSelectorSettingsModel -The [AnnotationSelectorSettingsModel](https://ej2.syncfusion.com/documentation/api/accumulation-chart/accumulationAnnotationSettingsModel/) defines settings such as border colors, sizes, and shapes, enabling fine-grained control over how annotations are displayed and interacted with. +The `AnnotationSelectorSettingsModel` defines settings such as border colors, sizes, and shapes, enabling fine-grained control over how annotations are displayed and interacted with. Steps to configure annotation selector settings @@ -42,15 +42,15 @@ Steps to configure annotation selector settings #### Key properties - `selectionBorderColor`: Sets the color for the border around selected annotations. Provide a color value (for example, `#4070FF`) to make the selection visible. -- `resizerBorderColor`: Sets the color for the border of the resizer handles. -- `resizerFillColor`: Defines the fill color for the resizer handles. -- `resizerSize`: Determines the size of the resizer handles. +- `resizerBorderColor`: Sets the color for the border of the resize handles. +- `resizerFillColor`: Defines the fill color for the resize handles. +- `resizerSize`: Determines the size of the resize handles. - `selectionBorderThickness`: Specifies the thickness of the selection border. -- `resizerShape`: Sets the shape of the resizer handles (for example, `Circle` or `Square`). +- `resizerShape`: Sets the shape of the resize handles (for example, `Circle` or `Square`). - `selectorLineDashArray`: Specifies the dash pattern for the selector line. -- `resizerLocation`: Determines where the resizers appear relative to the annotation (for example, `Corners` or `Edges`). -- `resizerCursorType`: Sets the cursor style when hovering over a resizer. +- `resizerLocation`: Determines where the resize handles appear relative to the annotation (for example, `Corners` or `Edges`). +- `resizerCursorType`: Sets the cursor style when hovering over a resize handle. -N> In the example code block `selectionBorderColor` is left empty for demonstration; supply a color string when configuring the viewer. Also ensure `resizerShape` and `resizerBorderColor` use the correct value types — `resizerShape` expects a shape name (for example, `Circle`) while `resizerBorderColor` expects a color value. +N> In the example code block `selectionBorderColor` is left empty for demonstration; supply a color string when configuring the viewer. Also ensure `resizerShape` and `resizerBorderColor` use the correct value types — `resizerShape` expects a shape name (for example, `Circle`) while `resizerBorderColor` expects a color value format. [View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/control-annotation-visibility-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/control-annotation-visibility-js.md index 29e07662ff..b27f69b49e 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/control-annotation-visibility-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/control-annotation-visibility-js.md @@ -61,7 +61,7 @@ var pdfviewer = new ej.pdfviewer.PdfViewer({ Attach an event listener to handle annotation visibility changes and document download. ```js - // Add event listener to the button with ID 'download' + // Add event listener to the button with ID 'save' document.getElementById('save').addEventListener('click', save); ``` diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/create-pdfviewer-service-core.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/create-pdfviewer-service-core.md index f9e3f3227b..241c160583 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/create-pdfviewer-service-core.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/create-pdfviewer-service-core.md @@ -1,7 +1,7 @@ --- layout: post title: Create PDF Viewer service in JavaScript PDF Viewer | Syncfusion -description: Learn how to create an ASP.NET Core Web API service for the JavaScript PDF Viewer to handle server-side processing for rendering, text extraction, thumbnails, and more. +description: Learn how to create an ASP.NET Core Web API service for JavaScript PDF Viewer to handle server-side processing for rendering, text extraction, and thumbnails. platform: document-processing control: PDF Viewer documentation: ug @@ -23,7 +23,7 @@ Follow these steps to create the PDF Viewer service **Step 1:** In Visual Studio, choose File > New > Project to create a new application. -![Visual Studio: New Project menu](./images/Start.png) +![Visual Studio New Project menu](./images/Start.png) **Step 2:** Select the ASP.NET Core Web Application template and click **Next**. @@ -51,7 +51,7 @@ Install the **Syncfusion.EJ2.PdfViewer.AspNet.Core** package to the application. **Step 7:** Add the following code to the `PdfViewerController.cs` controller. -```ts +```cs using Microsoft.AspNetCore.Hosting; using Microsoft.AspNetCore.Mvc; using Microsoft.Extensions.Caching.Memory; diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/create-pdfviewer-service.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/create-pdfviewer-service.md index 4f4a53a19c..9a5f7674d5 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/create-pdfviewer-service.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/create-pdfviewer-service.md @@ -1,13 +1,13 @@ --- layout: post -title: Create PDF Viewer service using ASP.NET MVC | Syncfusion -description: Learn how to create an ASP.NET MVC Web API service for the JavaScript PDF Viewer to handle server-side processing for rendering and related operations. +title: Create PDF Viewer service using ASP.NET MVC in JS | Syncfusion +description: Learn how to create an ASP.NET MVC Web API service for JavaScript PDF Viewer to handle server-side processing for rendering and related operations. platform: document-processing control: PDF Viewer documentation: ug domainurl: ##DomainURL## --- -# Create a PDF Viewer service using ASP.NET MVC +# Create a PDF Viewer Web API service using ASP.NET MVC The JavaScript PDF Viewer requires a server-side service to process PDF documents for rendering. This document explains how to create an ASP.NET MVC Web API service that performs server-side preprocessing and operations used by the client. @@ -44,7 +44,7 @@ Open the NuGet Package Manager and install the `Syncfusion.EJ2.PdfViewer.AspNet. **Step 4:** Add the following code to `PdfViewerController.cs`. -```ts +```cs using Newtonsoft.Json; using Syncfusion.EJ2.PdfViewer; using System; @@ -269,7 +269,7 @@ namespace MvcWebService.webapi **Step 6:** Configure global Web API routing in `Global.asax`: -``` +```cs System.Web.Http.GlobalConfiguration.Configuration.Routes.MapHttpRoute( name: "DefaultApi", routeTemplate: "api/{controller}/{action}/{id}", diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md index 2d9d415223..c30baac257 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md @@ -272,7 +272,7 @@ The following is the output of the custom context menu with customization. {% endhighlight %} {% endtabs %} -N> To set up the server-backed PDF Viewer, add the following `serviceUrl` in the `index.ts` file: +N> To set up the server-backed PDF Viewer, add the following `serviceUrl` in the `index.js` file: `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';` diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-fonts.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-fonts.md index 9d74a4516e..c90cc4b040 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-fonts.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-fonts.md @@ -63,7 +63,7 @@ ej.pdfviewer.PdfViewer.Inject( // Create viewer instance var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: window.location.origin + '/resouces/pdf-succinctly.pdf', + documentPath: window.location.origin + '/resources/pdf-succinctly.pdf', resourceUrl: window.location.origin + '/resources/ej2-pdfviewer-lib', customFonts: [ 'simsun.ttc', diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/customize-text-search-colors.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/customize-text-search-colors.md index df43d19529..16aedfab65 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/customize-text-search-colors.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/customize-text-search-colors.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Customize text search color in PDF Viewer +# Customize text search color in JavaScript PDF Viewer Change the text search and highlight colors using the `textSearchColorSettings` properties. Set `searchColor` for matched text and `searchHighlightColor` for the active result. Both properties accept hexadecimal color values. @@ -28,12 +28,12 @@ viewer.textSearchColorSettings.searchHighlightColor = "#0000FF"; The above sets the active result highlight to blue. -- [searchColor](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearchColorSettings/#searchcolor) -- [searchHighlightColor](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearchColorSettings/#searchhighlightcolor) +- [searchColor](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearchColorSettings#searchcolor) +- [searchHighlightColor](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearchColorSettings#searchhighlightcolor) Example: buttons to control search flow -``` +```html diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/delete-annotations.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/delete-annotations.md index 3a04a0f399..82e6902a1b 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/delete-annotations.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/delete-annotations.md @@ -8,17 +8,17 @@ documentation: ug domainurl: ##DomainURL## --- -# Delete an annotation in PDF Viewer +# Delete an annotation in JavaScript PDF Viewer Use the `deleteAnnotationById()` method to remove a specific annotation from a PDF document by its id. ### Steps to delete a specific annotation -**Step 1:** Follow the getting-started guide to create a simple PDF Viewer sample: [Getting started with JavaScript PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started/). +**Step 1:** Follow the getting-started guide to create a simple PDF Viewer sample: [Getting started with JavaScript PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started). **Step 2:** Add a control to trigger deletion and use the following example to call `deleteAnnotationById()`. -``` +```html ``` diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/disable-context-menu-option.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/disable-context-menu-option.md index 18cc3f3951..9fda1e3df7 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/disable-context-menu-option.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/disable-context-menu-option.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # Disable the context menu in JavaScript PDF Viewer -Set [ContextMenuOption](https://ej2.syncfusion.com/documentation/api/pdfviewer/#contextmenuoption) to `None` to hide all context menu options. The default value is `RightClick`. +Set [ContextMenuOption](https://ej2.syncfusion.com/documentation/api/pdfviewer#contextmenuoption) to `None` to hide all context menu options. The default value is `RightClick`. Example: Disable context menu -``` +```html diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/disable-tile-renderings.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/disable-tile-renderings.md index 9cc29f8b33..31d8a9c236 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/disable-tile-renderings.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/disable-tile-renderings.md @@ -17,7 +17,7 @@ Use the `enableTileRendering` property to enable or disable tile rendering. Tile Example: disable tile rendering with a button -``` +```html ``` diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/display-custom-tool-tip-for-annotations.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/display-custom-tool-tip-for-annotations.md index ac9e09b1f6..a6f04ea216 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/display-custom-tool-tip-for-annotations.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/display-custom-tool-tip-for-annotations.md @@ -1,6 +1,6 @@ --- layout: post -title: Display a custom tooltip for annotations in JavaScript PDF Viewer | Syncfusion +title: Display custom annotation tooltip in PDF Viewer | Syncfusion description: Learn how to display a custom tooltip for annotations in the JavaScript PDF Viewer using the annotationMouseover and annotationMouseLeave events. platform: document-processing control: PDF Viewer @@ -8,9 +8,9 @@ documentation: ug domainurl: ##DomainURL## --- -# Display a custom tooltip for annotations in JavaScript PDF Viewer +# Display a custom tooltip for annotations in PDF Viewer -Display custom tooltips for annotations by handling the [annotationMouseover](https://ej2.syncfusion.com/documentation/api/pdfviewer/#annotationmouseover) and `annotationMouseLeave` events. +Display custom tooltips for annotations by handling the [annotationMouseover](https://ej2.syncfusion.com/documentation/api/pdfviewer#annotationmouseover) and `annotationMouseLeave` events. - Include the JavaScript PDF Viewer script and the `Annotation` module on the page. - Include the `ej.popups` module or equivalent tooltip library used in the example. @@ -39,4 +39,4 @@ viewer.annotationMouseLeave = function(args) { ``` -Sample: [Display a custom tooltip for annotations sample on GitHub/StackBlitz](https://stackblitz.com/edit/ztmvjx-byzwvq?file=index.js) \ No newline at end of file +Sample: [Display a custom tooltip for annotations sample on StackBlitz](https://stackblitz.com/edit/ztmvjx-byzwvq?file=index.js) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/download-document-on-window-closing.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/download-document-on-window-closing.md index c970999bc8..42a386d58e 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/download-document-on-window-closing.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/download-document-on-window-closing.md @@ -1,7 +1,7 @@ --- layout: post -title: Download document on window closing in JavaScript PDF Viewer control | Syncfusion -description: Learn how to download a PDF document when the browser window closes or refreshes in the Syncfusion JavaScript PDF Viewer control by handling the onbeforeunload event. +title: Auto-download PDF on window close in PDF Viewer | Syncfusion +description: Learn how to download a PDF document when the browser window closes or refreshes in the JavaScript PDF Viewer control. platform: document-processing control: PDF Viewer documentation: ug @@ -10,16 +10,16 @@ domainurl: ##DomainURL## # Download document on window closing in JavaScript PDF Viewer -The JavaScript PDF Viewer can automatically download the loaded PDF document when the browser window is refreshed or closed by handling the [onbeforeunload](https://developer.mozilla.org/en-US/docs/Web/API/Window/onbeforeunload) event. +The JavaScript PDF Viewer can automatically download the loaded PDF document when the browser window is refreshed or closed by handling the before unload event. ## Prerequisites - Include the JavaScript PDF Viewer script and initialize the viewer instance on the page. -- Confirm the viewer has finished loading the document before attaching the `onbeforeunload` handler. +- Confirm the viewer has finished loading the document before attaching the event handler. -**Step 1:** Create a working sample by following the getting-started guide: [Getting started with JavaScript PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started/). +**Step 1:** Create a working sample by following the getting-started guide: [Getting started with JavaScript PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started). -**Step 2:** Attach an `onbeforeunload` handler that prompts the user and calls `viewer.download()` to download the document. Note: browser behavior for `onbeforeunload` varies between browsers and some modern browsers restrict prompts; use this pattern judiciously. +**Step 2:** Attach a before unload event handler that prompts the user and calls `viewer.download()` to download the document. Note: browser behavior for this event varies between browsers and some modern browsers restrict prompts; use this pattern judiciously. ```js // The event triggers when closing or refreshing the window. @@ -37,4 +37,4 @@ window.onbeforeunload = function (e) { }; ``` -View the sample on GitHub/StackBlitz: [Download PDF before closing or refreshing window sample](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/Download/Download%20the%20pdf%20document%20before%20closing%20window%20or%20refresh) \ No newline at end of file +View the sample on GitHub: [Download PDF before closing or refreshing window sample](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/Download/Download%20the%20pdf%20document%20before%20closing%20window%20or%20refresh) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/export-as-image-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/export-as-image-js.md index e78e0fb2c3..e0c115fbcc 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/export-as-image-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/export-as-image-js.md @@ -17,7 +17,7 @@ Export pages as Base64-encoded images using `exportAsImage()` for a single page **Step 1:** Create a simple PDF Viewer sample by following the getting-started guide: https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started/ **Step 2:** Use the following code to export a specified page as a Base64-encoded image or a range of pages as Base64-encoded images. Place the button elements in the HTML and attach event handlers after the viewer is initialized. -``` +```html @@ -38,7 +38,7 @@ document.getElementById('exportAsImage').addEventListener('click', () => { Export a specified page as a Base64-encoded image with a custom size: -``` +```html @@ -59,7 +59,7 @@ document.getElementById('exportAsImageWithSize').addEventListener('click', () => ``` Export a range of pages as Base64-encoded image strings: -``` +```html @@ -80,7 +80,7 @@ document.getElementById('exportAsImages').addEventListener('click', () => { Export a range of pages as Base64-encoded images with a custom size: -``` +```html diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/extract-text-option-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/extract-text-option-js.md index 0b970ed77a..d78c1f5b20 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/extract-text-option-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/extract-text-option-js.md @@ -7,7 +7,7 @@ control: PDF Viewer documentation: ug --- -# Extract text option in the JavaScript PDF Viewer +# Extract text option in the JS PDF Viewer The `extractTextOption` property controls the amount of text and layout information returned by the viewer. Adjusting this value helps balance memory usage and the level of detail required for downstream processing. The viewer exposes four options: @@ -32,13 +32,13 @@ ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearc ``` ### Description of Each Option -**extractTextOption.TextAndBounds (default):** This option returns both plain text and its positional data (bounds). Use this option when you need to access both the content of the PDF and its layout for further processing or analysis. +**extractTextOption = 'TextAndBounds' (default):** This option returns both plain text and its positional data (bounds). Use this option when you need to access both the content of the PDF and its layout for further processing or analysis. -**extractTextOption.TextOnly:** This option returns only the plain text from the PDF. No positional or layout data is included. Note that when using this option, text search functionality will be disabled. In such cases, it is recommended to use findTextAsync for text searching. +**extractTextOption = 'TextOnly':** This option returns only the plain text from the PDF. No positional or layout data is included. Note that when using this option, text search functionality will be disabled. In such cases, it is recommended to use findTextAsync for text searching. -**extractTextOption.BoundsOnly:** This option returns only the layout information (bounds) of the text, excluding the actual content. It is useful when the focus is on the position of text elements rather than the text itself. +**extractTextOption = 'BoundsOnly':** This option returns only the layout information (bounds) of the text, excluding the actual content. It is useful when the focus is on the position of text elements rather than the text itself. -**extractTextOption.None:** This option does not extract or return any text or layout information. It is used to optimize memory usage when no text extraction is necessary. This setting is only relevant for the `extractTextCompleted` event and cannot be used with the `ExtractText` method. +**extractTextOption = 'None':** This option does not extract or return any text or layout information. It is used to optimize memory usage when no text extraction is necessary. This setting is only relevant for the `extractTextCompleted` event and cannot be used with the `ExtractText` method. N> Text search: When using the `extractTextOption.TextOnly` or `extractTextOption.None` options, the `findText` method is unavailable. Use the `findTextAsync` method to perform text searches asynchronously. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/focus-on-a-form-field-after-loading.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/focus-on-a-form-field-after-loading.md index ba7fdeb626..a10c9bc0ed 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/focus-on-a-form-field-after-loading.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/focus-on-a-form-field-after-loading.md @@ -1,7 +1,7 @@ --- layout: post -title: Focus on a form field after loading in JavaScript PDF Viewer control | Syncfusion -description: Learn how to set focus on form fields after loading a document in the Syncfusion JavaScript PDF Viewer control by calling the focusFormField API. +title: Focus on form field after document load in PDF Viewer | Syncfusion +description: Learn how to set focus on form fields after loading a document in the JavaScript PDF Viewer control by calling the focusFormField API. platform: document-processing control: PDF Viewer documentation: ug @@ -10,21 +10,21 @@ domainurl: ##DomainURL## # Focus on a form field after loading in JavaScript PDF Viewer -The JavaScript PDF Viewer library enables setting focus on a specific form field by using the [`focusFormField()`](https://ej2.syncfusion.com/documentation/api/pdfviewer/#focusformfield) API. +The JavaScript PDF Viewer library enables setting focus on a specific form field by using the [`focusFormField()`](https://ej2.syncfusion.com/documentation/api/pdfviewer#focusformfield) API. Follow these steps to bring a form field into focus during document load and on demand. -**Step 1:** Complete the configuration described in [Getting started with the JavaScript PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started/) to build a working sample. +**Step 1:** Complete the configuration described in [Getting started with the JavaScript PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started) to build a working sample. **Step 2:** Add the following markup and code to focus the desired form field when the document loads or when a button is clicked. -``` +```html ``` -```ts +```js //Event triggers while clicking the FocusFormField button. -document.getElementById('click').addEventListener('click', function () { +document.getElementById('focusFormField').addEventListener('click', function () { var formField = viewer.retrieveFormFields(); //API to bring the form fields in focus. viewer.focusFormField(formField[1]); diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md index ae1654bb31..be0be187d1 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md @@ -16,7 +16,7 @@ This guide shows how to obtain the Base64-encoded value of a PDF document loaded ### How to retrieve the Base64 value -**Step 1:** Create the PDF Viewer sample** +**Step 1:** Create the PDF Viewer sample Follow the [Getting Started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started) guide for the JavaScript PDF Viewer. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/images/pdfviewer-dependency.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/images/pdfviewer-dependency.png index 8de1ed0dfc..51fc38d23d 100644 Binary files a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/images/pdfviewer-dependency.png and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/images/pdfviewer-dependency.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/import-export-annotation-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/import-export-annotation-js.md index eb650984fd..7e0d4f82ba 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/import-export-annotation-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/import-export-annotation-js.md @@ -10,15 +10,15 @@ domainurl: ##DomainURL## # Import and export annotations in JavaScript PDF Viewer -Import annotations from objects or streams instead of files. To import such objects, first export annotations as objects using the [exportAnnotationsAsObject()](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#exportannotationsasobject) method. Only objects exported from the PDF Viewer can be imported. +Import annotations from objects or streams instead of files. To import such objects, first export annotations as objects using the [exportAnnotationsAsObject()](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer#exportannotationsasobject) method. Only objects exported from the PDF Viewer can be imported. Use the following steps to import and export annotations as objects, JSON, or XFDF. -**Step 1:** Follow the steps provided in this [guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started/) to create a simple PDF Viewer sample. +**Step 1:** Follow the steps provided in this [guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started) to create a simple PDF Viewer sample. **Step 2:** Use the following code to perform import and export operations. -``` +```html diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/load-documents.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/load-documents.md index c063d96b56..c49e5709f8 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/load-documents.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/load-documents.md @@ -10,14 +10,14 @@ domainurl: ##DomainURL## # Load documents dynamically in JavaScript PDF Viewer -The PDF Viewer supports loading or switching PDF documents at runtime after the initial viewer initialization. Use the [load](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#load) method to open a document from a URL or a Base64 string. +The PDF Viewer supports loading or switching PDF documents at runtime after the initial viewer initialization. Use the [load](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer#load) method to open a document from a URL or a Base64 string. The following steps show common approaches for loading documents dynamically. -**Step 1:** Follow the getting started guide to create a basic JavaScript PDF Viewer sample: https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript/getting-started +**Step 1:** Follow the getting started guide to create a basic JavaScript PDF Viewer sample: https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started **Step 2:** Use the following code snippet to load the document from a Base64 string. -``` +```html ``` @@ -26,12 +26,12 @@ The following steps show common approaches for loading documents dynamically. document.getElementById('load1').addEventListener('click', () => { viewer.load( 'data:application/pdf;base64,'+ AddBase64String, null); -} +}); ``` **Step 3:** Use the following code snippet to load a PDF document from a URL (document name) -``` +```html ``` diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/min-max-zoom-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/min-max-zoom-js.md index 77ec13f323..e885138c8b 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/min-max-zoom-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/min-max-zoom-js.md @@ -8,9 +8,9 @@ documentation: ug domainurl: ##DomainURL## --- -# Configure minZoom and maxZoom in the PDF Viewer +# Configure minZoom and maxZoom in JavaScript PDF Viewer -Control zoom levels in the PDF Viewer using the [minZoom](https://ej2.syncfusion.com/documentation/api/pdfviewer/#minzoom) and [maxZoom](https://ej2.syncfusion.com/documentation/api/pdfviewer/#maxzoom) properties to ensure a consistent viewing experience. +Control zoom levels in the PDF Viewer using the [minZoom](https://ej2.syncfusion.com/documentation/api/pdfviewer#minzoom) and [maxZoom](https://ej2.syncfusion.com/documentation/api/pdfviewer#maxzoom) properties to ensure a consistent viewing experience. ### minZoom @@ -52,7 +52,7 @@ pdfviewer.appendTo('#PdfViewer'); #### Restrict zoom percentage on mobile devices -You can easily restrict the zoom percentage on mobile devices using the [minZoom](https://ej2.syncfusion.com/documentation/api/pdfviewer/#minzoom) and [maxZoom](https://ej2.syncfusion.com/documentation/api/pdfviewer/#maxzoom) properties. This feature allows you to set specific limits for zooming, ensuring smoother scrolling performance and efficient document loading on mobile devices. By controlling the zoom levels, you can provide a better user experience across different devices. +You can easily restrict the zoom percentage on mobile devices using the [minZoom](https://ej2.syncfusion.com/documentation/api/pdfviewer#minzoom) and [maxZoom](https://ej2.syncfusion.com/documentation/api/pdfviewer#maxzoom) properties. This feature allows you to set specific limits for zooming, ensuring smoother scrolling performance and efficient document loading on mobile devices. By controlling the zoom levels, you can provide a better user experience across different devices. {% tabs %} {% highlight js tabtitle="Standalone" %} @@ -66,7 +66,7 @@ ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearc pdfviewer.appendTo('#PdfViewer'); pdfviewer.documentLoad = (): void => { - if (Browser.isDevice && !viewer.enableDesktopMode) { + if (Browser.isDevice && !pdfviewer.enableDesktopMode) { pdfviewer.maxZoom = 200; pdfviewer.minZoom = 10; } @@ -87,7 +87,7 @@ ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearc pdfviewer.appendTo('#PdfViewer'); pdfviewer.documentLoad = (): void => { - if (Browser.isDevice && !viewer.enableDesktopMode) { + if (Browser.isDevice && !pdfviewer.enableDesktopMode) { pdfviewer.maxZoom = 200; pdfviewer.minZoom = 10; } diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/open-bookmark-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/open-bookmark-js.md index def84f34a2..36c6b2c826 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/open-bookmark-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/open-bookmark-js.md @@ -1,6 +1,6 @@ --- layout: post -title: Open or close the Bookmark pane programmatically in JavaScript PDF Viewer | Syncfusion +title: Open or close Bookmark pane in JavaScript PDF Viewer | Syncfusion description: Learn how to open and close the Bookmark pane programmatically in the Syncfusion JavaScript PDF Viewer using openBookmarkPane and closeBookmarkPane. platform: document-processing control: PDF Viewer @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Open or close the Bookmark pane programmatically +# Open or close the Bookmark pane programmatically in JavaScript The PDF Viewer exposes APIs to open and close the bookmark pane programmatically. Use `openBookmarkPane()` and `closeBookmarkPane()` to control the bookmark pane from application code. @@ -40,5 +40,6 @@ document.getElementById('closeBookmark').addEventListener('click', () => { // close Bookmark pane viewer.bookmarkViewModule.closeBookmarkPane(); }); +``` [View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to/Open%20and%20Close%20bookmark%20pane) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/open-thumbnail-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/open-thumbnail-js.md index ca32715353..894f4f92d7 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/open-thumbnail-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/open-thumbnail-js.md @@ -1,6 +1,6 @@ --- layout: post -title: Open the thumbnail pane programmatically in JavaScript PDF Viewer | Syncfusion +title: Open Thumbnail pane in JavaScript PDF Viewer | Syncfusion description: Learn how to open the thumbnail pane programmatically in the Syncfusion JavaScript PDF Viewer using openThumbnailPane. platform: document-processing control: PDF Viewer @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Open the thumbnail pane programmatically +# Open the thumbnail pane programmatically in JavaScript The PDF Viewer exposes a `openThumbnailPane()` API to open the thumbnail pane from application code. Use this API when the UI needs to show the thumbnail pane in response to user actions or programmatic workflows. @@ -18,7 +18,7 @@ Follow these steps to open the thumbnail pane from application code. **Step 2:** Use the code snippet below to open the thumbnail pane. -``` +```html ``` diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/print-documents.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/print-documents.md index adf7d5f78a..7f7413879f 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/print-documents.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/print-documents.md @@ -10,19 +10,19 @@ domainurl: ##DomainURL## # Print a document in JavaScript PDF Viewer -Print a PDF document programmatically using the [print](https://ej2.syncfusion.com/documentation/api/pdfviewer/#print) method in the Print module. +Print a PDF document programmatically using the [print](https://ej2.syncfusion.com/documentation/api/pdfviewer#print) method in the Print module. The following steps are used to print the PDF document programmatically. -**Step 1:** Follow the steps in the [Get started with JavaScript ES5 PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started/) guide to create a sample. +**Step 1:** Follow the steps in the [Get started with JavaScript ES5 PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started) guide to create a sample. **Step 2:** Add the following code snippet to perform the print operation. -``` +```html ``` -```ts +```js document.getElementById('print').addEventListener('click', ()=> { //Print the loaded document. viewer.printModule.print(); diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/restricting-zoom-in-mobile-mode-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/restricting-zoom-in-mobile-mode-js.md index 19d25e8328..8fd657f0af 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/restricting-zoom-in-mobile-mode-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/restricting-zoom-in-mobile-mode-js.md @@ -1,6 +1,6 @@ --- layout: post -title: Restrict zoom percentage on mobile devices | Syncfusion +title: Restrict zoom percentage on mobile devices in JS | Syncfusion description: Learn how to restrict zoom percentage on mobile devices using minZoom and maxZoom in the Syncfusion JavaScript PDF Viewer. platform: document-processing control: PDF Viewer @@ -24,7 +24,7 @@ ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearc pdfviewer.appendTo('#PdfViewer'); pdfviewer.documentLoad = (): void => { - if (Browser.isDevice && !viewer.enableDesktopMode) { + if (Browser.isDevice && !pdfviewer.enableDesktopMode) { pdfviewer.maxZoom = 200; pdfviewer.minZoom = 10; } @@ -45,7 +45,7 @@ ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearc pdfviewer.appendTo('#PdfViewer'); pdfviewer.documentLoad = (): void => { - if (Browser.isDevice && !viewer.enableDesktopMode) { + if (Browser.isDevice && !pdfviewer.enableDesktopMode) { pdfviewer.maxZoom = 200; pdfviewer.minZoom = 10; } diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/signatureselect-signatureunselect-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/signatureselect-signatureunselect-js.md index ba18d4b4d7..d7d21ecc32 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/signatureselect-signatureunselect-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/signatureselect-signatureunselect-js.md @@ -28,7 +28,7 @@ pdfviewer.signatureSelect = (args: any) => { }; pdfviewer.signatureUnselect = (args: any) => { - console.log('Signature selected:', args); + console.log('Signature unselected:', args); }; ``` diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/unload-documents.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/unload-documents.md index d6db7fc50b..c5e4dc164e 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/unload-documents.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/unload-documents.md @@ -10,19 +10,19 @@ domainurl: ##DomainURL## # Unload document in JavaScript PDF Viewer -The PDF Viewer provides the [unload()](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#unload) method to remove the currently loaded PDF from the viewer instance. Use this API to free memory or reset the viewer when navigating between documents or closing the viewer. +The PDF Viewer provides the [unload()](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer#unload) method to remove the currently loaded PDF from the viewer instance. Use this API to free memory or reset the viewer when navigating between documents or closing the viewer. The following steps are used to unload the PDF document programmatically. -**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started/) to create a simple PDF Viewer sample. +**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/getting-started) to create a simple PDF Viewer sample. **Step 2:** Add the following code snippet to perform the unload operation. -``` +```html ``` -```ts +```js document.getElementById('unload').addEventListener('click', () => { // Unload the document. viewer.unload();