Skip to content

Commit 3435f41

Browse files
Gowrishankar-kumarGowrishankar-kumar
committed
1010299: feature removed
1 parent 824ec41 commit 3435f41

2 files changed

Lines changed: 0 additions & 119 deletions

File tree

‎Document-Processing/PDF/PDF-Library/javascript/FormFields.md‎

Lines changed: 0 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -851,70 +851,6 @@ document. Destroy();
851851
{% endhighlight %}
852852
{% endtabs %}
853853

854-
## Add a date field to a PDF form
855-
856-
This section shows how to add a date field to a PDF form, allowing users to enter or select a date within the document. The JavaScript PDF library lets you configure the date field’s appearance, format, and behavior. You can also attach actions that run custom scripts or validations whenever the field is focused, changed, or submitted.
857-
858-
{% tabs %}
859-
{% highlight typescript tabtitle="TypeScript" %}
860-
import {PdfDocument, pdfPage, PdfForm, PdfTextBoxField, PdfJavaScriptAction } from '@syncfusion/ej2-pdf';
861-
862-
// Create a new PDF document
863-
let document: PdfDocument = new PdfDocument();
864-
// Add a new page to the document
865-
let page: pdfPage = document.addPage();
866-
// Access loaded form
867-
let form: PdfForm = document.form;
868-
// Create a new text box field
869-
const field: PdfTextBoxField = new PdfTextBoxField(page, 'DateField', {
870-
x: 50, y: 200, width: 150, height: 20,
871-
});
872-
// Sets the text value to text box field
873-
field.text = '18/08/2003';
874-
// Sets date formate
875-
const format: string = 'yyyy-mm-dd';
876-
// Add a JavaScript action to run custom scripts or validations
877-
field.actions.format = new PdfJavaScriptAction(`AFDate_FormatEx("${format}");`);
878-
field.actions.keyPressed = new PdfJavaScriptAction(`AFDate_KeystrokeEx("${format}"):`);
879-
field.actions.validate = new PdfJavaScriptAction(`AFDate_Validate("${format}");`);
880-
// Add a new form field
881-
form.add(field);
882-
// Save the document
883-
document.save('output.pdf');
884-
// Destroy the document
885-
document. Destroy();
886-
887-
{% endhighlight %}
888-
{% highlight javascript tabtitle="JavaScript" %}
889-
890-
// Create a new PDF document instance
891-
var document = new ej.pdf.PdfDocument();
892-
// Add a new page to the document
893-
var page = document.addPage();
894-
// Access loaded form
895-
var form = document.form;
896-
// Create a new text box field
897-
const field = new ej.pdf.PdfTextBoxField(page, 'fieldF', {
898-
x: 50, y: 200, width: 150, height: 20
899-
});
900-
// Sets the text value to text box field
901-
field.text = '18/08/2003';
902-
// Sets date formate
903-
const format = 'yyyy-mm-dd';
904-
// Add a JavaScript action to run custom scripts or validations
905-
field.actions.format = new ej.pdf.PdfJavaScriptAction(`AFDate_FormatEx("${format}");`);
906-
field.actions.keyPressed = new ej.pdf.PdfJavaScriptAction(`AFDate_KeystrokeEx("${format}"):`);
907-
field.actions.validate = new ej.pdf.PdfJavaScriptAction(`AFDate_Validate("${format}");`);
908-
// Add a new form field
909-
form.add(field);
910-
// Save the document
911-
document.save('Output.pdf');
912-
// Destroy the document
913-
document. Destroy();
914-
915-
{% endhighlight %}
916-
{% endtabs %}
917-
918854
## Field Auto Naming
919855

920856
To prevent grouping when adding fields with the same name, you can enable the `fieldAutoNaming` property of `PdfForm` class. Setting fieldAutoNaming to true ensures that each field gets a unique name internally, even if you specify the same name during creation.

‎Document-Processing/PDF/PDF-Library/javascript/Text.md‎

Lines changed: 0 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -406,60 +406,5 @@ document.save('Output.pdf');
406406
// Close the document
407407
document.destroy();
408408

409-
{% endhighlight %}
410-
{% endtabs %}
411-
412-
## Embedded font
413-
414-
This example shows how to embed fonts using `PdfDocument.embedFont()` method to ensure consistent text rendering across all platforms. The library supports embedding `PdfStandardFont`, `PdfCjkStandardFont`, and `PdfTrueTypeFont` for reliable Unicode text display. After embedding, the font can be applied through `PdfFont.getFont()` method, allowing precise control over size and style. Additionally, using embedded fonts helps reduce overall PDF size, since the font dictionary is not duplicated for each usage—ensuring cleaner and more efficient output.
415-
416-
{% tabs %}
417-
{% highlight typescript tabtitle="TypeScript" %}
418-
import { PdfDocument, PdfPage, PdfFont, PdfStandardFont, PdfCjkStandardFont, PdfFontFamily, PdfFontStyle, PdfCjkFontFamily, PdfBrush } from '@syncfusion/ej2-pdf';
419-
420-
// Create a new PDF document
421-
let document: PdfDocument = new PdfDocument();
422-
// Add a page
423-
let page: PdfPage = document.addPage();
424-
// Embed a standard font into the PDF document.
425-
const embedded1: PdfStandardFont = document.embedFont(PdfFontFamily.timesRoman, 12, PdfFontStyle.regular);
426-
// Gets a font variant from the base font with the given size and style
427-
const embedded2: PdfFont = embedded1.getFont(14, PdfFontStyle.bold);
428-
const embedded3: PdfFont = embedded1.getFont(14, PdfFontStyle.italic);
429-
// Embed a CJK font into the PDF document.
430-
const embedded4: PdfCjkStandardFont = document.embedFont(PdfCjkFontFamily.hanyangSystemsGothicMedium, 12, PdfFontStyle.regular , true);
431-
// Draw string using embed font.
432-
page.graphics.drawString('timesRoman with regular', embedded1, {x: 10, y: 10, width: 300, height: 24}, new PdfBrush({r: 0, g: 0, b: 255}));
433-
page.graphics.drawString('timesRoman with bold', embedded2, {x: 10, y: 50, width: 300, height: 24}, new PdfBrush({r: 0, g: 0, b: 255}));
434-
page.graphics.drawString('timesRoman with italic', embedded3, {x: 200, y: 50, width: 300, height: 24}, new PdfBrush({r: 0, g: 0, b: 255}));
435-
page.graphics.drawString('Cjkfont with regular', embedded4, {x: 200, y: 10, width: 300, height: 24}, new PdfBrush({r: 0, g: 0, b: 255}));
436-
// Save the document
437-
document.save('Output.pdf');
438-
// Close the document
439-
document.destroy();
440-
441-
{% endhighlight %}
442-
{% highlight javascript tabtitle="JavaScript" %}
443-
444-
// Create a new PDF document
445-
var document = new new ej.pdf.PdfDocument();
446-
// Add a page
447-
var page = document.addPage();
448-
// Embed a font into the PDF document.
449-
const embedded1 = document.embedFont(new ej.pdf.PdfFontFamily.timesRoman, 12, new ej.pdf.PdfFontStyle.regular);
450-
const embedded2 = document.embedFont(new ej.pdf.PdfCjkFontFamily.hanyangSystemsGothicMedium, 12, new ej.pdf.PdfFontStyle.regular , true);
451-
// Gets a font variant from the base font with the given size and style
452-
const embedded3 = embedded1.getFont(14, new ej.pdf.PdfFontStyle.bold);
453-
const embedded4 = embedded4.getFont(14, new ej.pdf.PdfFontStyle.bold);
454-
// Draw string using embed font.
455-
page.graphics.drawString('timesRoman with regular', embedded1, {x: 10, y: 10, width: 300, height: 24}, new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
456-
page.graphics.drawString('timesRoman with bold', embedded3, {x: 10, y: 50, width: 300, height: 24}, new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
457-
page.graphics.drawString('Cjkfont with regular', embedded2, {x: 200, y: 10, width: 300, height: 24}, new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
458-
page.graphics.drawString('Cjkfont with bold', embedded4, {x: 200, y: 50, width: 300, height: 24}, new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
459-
// Save the document
460-
document.save('Output.pdf');
461-
// Close the document
462-
document.destroy();
463-
464409
{% endhighlight %}
465410
{% endtabs %}

0 commit comments

Comments
 (0)