Skip to content
Merged
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
4 changes: 3 additions & 1 deletion Document-Processing-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -2587,8 +2587,10 @@
<li><a href="/document-processing/pdf/pdf-library/javascript/HyperLinks">Hyperlinks</a></li>
<li><a href="/document-processing/pdf/pdf-library/javascript/Layers">Layers</a></li>
<li><a href="/document-processing/pdf/pdf-library/javascript/Watermarks">Watermarks</a></li>
<li><a href="/document-processing/pdf/pdf-library/javascript/Merge-Document">Merge PDF</a></li>
<li><a href="/document-processing/pdf/pdf-library/javascript/Split-Documents">Split PDF</a></li>
<li><a href="/document-processing/pdf/pdf-library/javascript/Text-Extraction">Text Extraction</a></li>
<li><a href="/document-processing/pdf/pdf-library/javascript/Image-Extraction">Image Extraction</a></li>
<li><a href="/document-processing/pdf/pdf-library/javascript/Redaction">Redaction</a></li>
</ul>

Expand Down Expand Up @@ -6005,7 +6007,7 @@
<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-reading-Excel-from-azure-blob-storage">Does XlsIO support reading Excel from Azure Blob Storage?</a>
</li>
<li>
<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-auto-correcting formulas">Does XlsIO support auto-correcting formulas?</a>
<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-auto-correcting-formulas">Does XlsIO support auto-correcting formulas?</a>
</li>
<li>
<a href="/document-processing/excel/excel-library/net/faqs/how-are-spaces-in-cell-values-handled-by-xlsio-during-calculation">How are spaces in cell values handled by XlsIO during calculation?</a>
Expand Down
16 changes: 8 additions & 8 deletions Document-Processing/PDF/PDF-Library/javascript/Annotations.md
Original file line number Diff line number Diff line change
Expand Up @@ -233,7 +233,7 @@ This example demonstrates how to add a free text annotation to a PDF page using

{% tabs %}
{% highlight typescript tabtitle="TypeScript" %}
import {PdfDocument, PdfPage, PdfFreeTextAnnotation, PdfTextAlignment, PdfAnnotationBorder, PdfBorderStyle, PdfFreeTextAnnotation, PdfLineEndingStyle, PdfStandardFont, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';
import {PdfDocument, PdfPage, PdfFreeTextAnnotation, PdfTextAlignment, PdfAnnotationIntent, PdfAnnotationBorder, PdfBorderStyle, PdfLineEndingStyle, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';

// Creates a new PDF document
let document: PdfDocument = new PdfDocument();
Expand All @@ -246,7 +246,7 @@ let freeText = new PdfFreeTextAnnotation({ x: 250, y: 260, width: 180, height: 8
annotationIntent: PdfAnnotationIntent.freeTextCallout,
calloutLines: [{ x: 200, y: 320 }, { x: 260, y: 300 }, { x: 260, y: 300 }],
lineEndingStyle: PdfLineEndingStyle.openArrow,
font: new PdfStandardFont(PdfFontFamily.helvetica, 9, PdfFontStyle.italic),
font: document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular),
textMarkUpColor: { r: 40, g: 40, b: 40 },
innerColor: { r: 240, g: 248, b: 255 },
borderColor: { r: 0, g: 0, b: 0 },
Expand Down Expand Up @@ -295,7 +295,7 @@ The following code snippet explains how to add a free text annotation in an exis

{% tabs %}
{% highlight typescript tabtitle="TypeScript" %}
import {PdfDocument, PdfPage, PdfFreeTextAnnotation, PdfTextAlignment, PdfAnnotationBorder, PdfBorderStyle, PdfFreeTextAnnotation, PdfLineEndingStyle, PdfStandardFont, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';
import {PdfDocument, PdfPage, PdfAnnotationIntent, PdfFreeTextAnnotation, PdfTextAlignment, PdfAnnotationBorder, PdfBorderStyle, PdfLineEndingStyle, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';

// Load an existing PDF document
let document: PdfDocument = new PdfDocument(data);
Expand All @@ -308,7 +308,7 @@ let freeText = new PdfFreeTextAnnotation({ x: 250, y: 260, width: 180, height: 8
annotationIntent: PdfAnnotationIntent.freeTextCallout,
calloutLines: [{ x: 200, y: 320 }, { x: 260, y: 300 }, { x: 260, y: 300 }],
lineEndingStyle: PdfLineEndingStyle.openArrow,
font: new PdfStandardFont(PdfFontFamily.helvetica, 9, PdfFontStyle.italic),
font: document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
textMarkUpColor: { r: 40, g: 40, b: 40 },
innerColor: { r: 240, g: 248, b: 255 },
borderColor: { r: 0, g: 0, b: 0 },
Expand Down Expand Up @@ -1030,7 +1030,7 @@ This example demonstrates how to add a document link annotation to a PDF page us

{% tabs %}
{% highlight typescript tabtitle="TypeScript" %}
import {PdfDocument, PdfPage, PdfDocumentLinkAnnotation, PdfDestinationMode, PdfBorderStyle} from '@syncfusion/ej2-pdf';
import {PdfDocument, PdfPage, PdfDocumentLinkAnnotation, PdfDestination, PdfAnnotationBorder, PdfDestinationMode, PdfBorderStyle} from '@syncfusion/ej2-pdf';

// Create a new PDF document
let document: PdfDocument = new PdfDocument();
Expand Down Expand Up @@ -1077,7 +1077,7 @@ The following code snippet explains how to add a document link annotation in an

{% tabs %}
{% highlight typescript tabtitle="TypeScript" %}
import {PdfDocument, PdfPage, PdfDocumentLinkAnnotation, PdfDestinationMode, PdfBorderStyle} from '@syncfusion/ej2-pdf';
import {PdfDocument, PdfPage, PdfDocumentLinkAnnotation, PdfDestination, PdfAnnotationBorder, PdfDestinationMode, PdfBorderStyle} from '@syncfusion/ej2-pdf';

// Load an existing PDF document
let document: PdfDocument = new PdfDocument(data);
Expand Down Expand Up @@ -2014,7 +2014,7 @@ document.destroy();

## Modifying the annotations

This example demonstrates how to modify an existing annotation in a PDF page using the PdfAnnotation class. Modifying annotations allows updating properties such as position, color, content, or appearance, enabling customization and refinement of the documents interactive elements.
This example demonstrates how to modify an existing annotation in a PDF page using the PdfAnnotation class. Modifying annotations allows updating properties such as position, color, content, or appearance, enabling customization and refinement of the document's interactive elements.

{% tabs %}
{% highlight typescript tabtitle="TypeScript" %}
Expand Down Expand Up @@ -2171,7 +2171,7 @@ This example demonstrates how to export annotations from a PDF document using th

{% tabs %}
{% highlight typescript tabtitle="TypeScript" %}
import {PdfDocument, Uint8Array} from '@syncfusion/ej2-pdf';
import {PdfDocument} from '@syncfusion/ej2-pdf';

// Load an existing PDF document
let document: PdfDocument = new PdfDocument(data);
Expand Down
4 changes: 2 additions & 2 deletions Document-Processing/PDF/PDF-Library/javascript/Bookmarks.md
Original file line number Diff line number Diff line change
Expand Up @@ -182,7 +182,7 @@ This example demonstrates how to remove bookmarks from the document at the speci

{% tabs %}
{% highlight javascript tabtitle="TypeScript" %}
import {PdfDocument, PdfPage, PdfBookmarkBase, PdfDestination} from '@syncfusion/ej2-pdf';
import {PdfDocument, PdfPage, PdfBookmarkBase} from '@syncfusion/ej2-pdf';

// Load an existing PDF document
let document: PdfDocument = new PdfDocument(data);
Expand Down Expand Up @@ -221,7 +221,7 @@ This example demonstrates how to removes all the bookmarks from the collection u

{% tabs %}
{% highlight javascript tabtitle="TypeScript" %}
import {PdfDocument, PdfPage, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
import {PdfDocument, PdfBookmarkBase} from '@syncfusion/ej2-pdf';

// Load an existing PDF document
let document: PdfDocument = new PdfDocument(data);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ This guide explains how to integrate the JavaScript PDF library into an Angular

## Setup Angular Environment

You can use the [`Angular CLI`](https://github.com/angular/angular-cli) to setup your Angular applications.
You can use the [Angular CLI](https://github.com/angular/angular-cli) to setup your Angular applications.
To install the latest Angular CLI globally use the following command.

```bash
Expand Down Expand Up @@ -66,7 +66,7 @@ N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-da

{% tabs %}
{% highlight ts tabtitle="~/app.component.ts" %}
import { PdfDocument, PdfPage, PdfStandardFont, PdfPen, PdfBrush } from '@syncfusion/ej2-pdf';
import { PdfDocument, PdfPage, PdfStandardFont, PdfBrush } from '@syncfusion/ej2-pdf';
{% endhighlight %}
{% endtabs %}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -35,13 +35,11 @@ Step 5: **Add script reference** : Add the required scripts using the CDN inside
{% endhighlight %}
{% endtabs %}

N> Check out the following topics for including script references in an ASP.NET Core application to enable PDF creation using the Syncfusion<sup style="font-size:70%">®</sup> JavaScript PDF library:
N> Check out the following topics for including script references in an ASP.NET Core application to enable PDF creation using the Syncfusion<sup>&reg;</sup> JavaScript PDF library:
* [CDN](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#cdn-reference)
* [NPM Package](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#node-package-manager-npm)
* [CRG](https://ej2.syncfusion.com/aspnetcore/documentation/common/custom-resource-generator)

Would you like me to **reformat this into a proper Syncfusion documentation style note block** (with icons and emphasis), or **convert it into a step-by-step guide for adding script references**?


Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.

Expand All @@ -58,7 +56,7 @@ Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml
// Create a new PDF document
let pdf = new ej.pdf.PdfDocument();
// Add a new page
let page: ej.pdf.PdfPage = document.addPage();
let page: ej.pdf.PdfPage = pdf.addPage();
// Get graphics from the page
let graphics: ej.pdf.PdfGraphics = page.graphics;
// Set font
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml
// Create a new PDF document
let pdf = new ej.pdf.PdfDocument();
// Add a new page
let page: ej.pdf.PdfPage = document.addPage();
let page: ej.pdf.PdfPage = pdf.addPage();
// Get graphics from the page
let graphics: ej.pdf.PdfGraphics = page.graphics;
// Set font
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,6 @@ Step 4: **Create a PDF document** : Add the script in `index.html` by creating a
});
</script>
}

{% endhighlight %}
{% endtabs %}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ document.getElementById('normalButton').onclick = (): void => {
// Create a new PDF document
let pdf = new PdfDocument();
// Add a new page
let page: PdfPage = document.addPage();
let page: PdfPage = pdf.addPage();
// Get graphics from the page
let graphics: PdfGraphics = page.graphics;
// Set font
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ export default {
// Create a new PDF document
const pdf = new ej.pdf.PdfDocument();
// Add a new page
const page: ej.pdf.PdfPage = document.addPage();
const page: ej.pdf.PdfPage = pdf.addPage();
// Get graphics from the page
const graphics: ej.pdf.PdfGraphics = page.graphics;
// Set font
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -360,7 +360,7 @@ This example demonstrates how to retrieve the certificate information of a PDF s

{% tabs %}
{% highlight typescript tabtitle="TypeScript" %}
import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm,PdfCertificateInformation, CryptographicStandard} from '@syncfusion/ej2-pdf';
import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, PdfCertificateInformation, CryptographicStandard} from '@syncfusion/ej2-pdf';

// Load the document
let document: PdfDocument = new PdfDocument(data);
Expand Down Expand Up @@ -420,7 +420,7 @@ This example demonstrates how to retrieve the configuration options of a digital

{% tabs %}
{% highlight typescript tabtitle="TypeScript" %}
import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, CryptographicStandard} from '@syncfusion/ej2-pdf';
import {PdfDocument, PdfPage, PdfForm, PdfSignature, PdfSignatureOptions, PdfSignatureField, CryptographicStandard} from '@syncfusion/ej2-pdf';

// Load the document
let document: PdfDocument = new PdfDocument(data);
Expand Down
Loading