Skip to content

1045872-UG Documentation correction in ES6 #4269

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Suriya-Murugan merged 2 commits into from
Aug 11, 2026
Merged

1045872-UG Documentation correction in ES6 #4269

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9b61763
1045872-changed section-format,security-advisories,shapes,styles,spel…
Vellaisamy5301 Aug 10, 2026
fce45e6
1045872-resolved trailing slash ci issue
Vellaisamy5301 Aug 10, 2026
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
30 changes: 17 additions & 13 deletions Document-Processing/Word/Word-Processor/javascript-es6/section-format.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
---
layout: post
title: Section format in JavaScript (ES6) Document editor control | Syncfusion
description: Learn here all about Section format in Syncfusion JavaScript (ES6) Document editor control of Syncfusion Essential JS 2 and more.
title: Section format in JavaScript (ES6) DOCX Editor | Syncfusion
description: Learn here all about Section format in the Syncfusion JavaScript (ES6) Document Editor of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Section format
documentation: ug
domainurl: ##DomainURL##
---

# Section format in JavaScript (ES6) Document editor control
# Section format in JavaScript (ES6) Document Editor

[TypeScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) supports various section formatting such as page size, page margins, and more.

## Page size

You can get or set the size of a section at cursor position by using the following sample code.
You can get or set the size of a section at the cursor position by using the following sample code.

```ts
documenteditor.selection.sectionFormat.pageWidth = 500;
Expand All @@ -25,7 +25,8 @@ You can change the orientation of the page by swapping the values of page width

## Page margins

Left and right page margin defines the gap between the document content from left and right side of the page respectively. Top and bottom page margins defines the gap between the document content from header and footer of the page respectively.
Left and right page margins define the gap between the document content from the left and right sides of the page respectively. Top and bottom page margins define the gap between the document content from the header and footer of the page respectively.

Refer to the following sample code.

```ts
Expand All @@ -35,7 +36,7 @@ documenteditor.selection.sectionFormat.bottomMargin = 10;
documenteditor.selection.sectionFormat.topMargin = 10;
```

>Note: The maximum value of Margin is 1584, as per Microsoft Word application and you can set any value less than or equal to 1584 to this property. If you set any value greater than 1584, then Syncfusion Document editor will automatically reset as 1584.
N> The maximum value of margin is 1584, as per Microsoft Word application, and you can set any value less than or equal to 1584 to this property. If you set any value greater than 1584, then the Syncfusion Document Editor will automatically reset it to 1584.

## Header distance

Expand All @@ -57,7 +58,7 @@ documenteditor.selection.sectionFormat.footerDistance = 72;

You can define the number of columns, column width, and space between columns for the pages in a section.

The following code example illustrates how to define the two columns layout for the pages in a section.
The following code example illustrates how to define the two column layout for the pages in a section.

```ts
let column: SelectionColumnFormat = new SelectionColumnFormat(container.documentEditor.selection);
Expand All @@ -66,39 +67,42 @@ column.space = 36;
container.documentEditor.selection.sectionFormat.columns = [column, column];
container.documentEditor.selection.sectionFormat.lineBetweenColumns = true;
```
### Online Demo

### Online demo

Explore how to format Word documents with multiple columns using the JavaScript Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/javascript/#/material3/document-editor/multiple-columns.html).

## Breaks

You can insert column break. The following code example illustrates how to insert a column break.
You can insert a column break.

The following code example illustrates how to insert a column break.

```ts
container.documentEditor.editor.insertColumnBreak();
```

You can insert next page section break to start the new section on the next page.
You can insert a next page section break to start the new section on the next page.

The following code example illustrates how to insert a next page section break.

```ts
container.documentEditor.editor.insertSectionBreak(SectionBreakType.NewPage);
```

You can insert continuous section break to start the new section on the same page.
You can insert a continuous section break to start the new section on the same page.

The following code example illustrates how to insert a continuous section break.

```ts
container.documentEditor.editor.insertSectionBreak(SectionBreakType.Continuous);
```

## Online Demo
## Online demo

Explore how to apply section formatting in Word documents using the JavaScript Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/javascript/#/material3/document-editor/section-formatting.html).

## See Also
## See also

* [Page setup dialog](./dialog#page-setup-dialog)
* [Column dialog](./dialog#column-dialog)
20 changes: 9 additions & 11 deletions Document-Processing/Word/Word-Processor/javascript-es6/security-advisories.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,26 @@
---
layout: post
title: Security Advisories in JavaScript (ES6) Document Editor control | Syncfusion
description: Learn here all about Security Advisories in Syncfusion JavaScript (ES6) Document editor control of Syncfusion Essential JS 2 and more.
title: Security Advisories in JavaScript (ES6) DOCX Editor | Syncfusion
description: Learn here all about Security Advisories in the Syncfusion JavaScript (ES6) Document Editor of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Security advisories
documentation: ug
domainurl: ##DomainURL##
---

# Security Advisories in Syncfusion<sup style="font-size:70%">&reg;</sup> EJ2 Controls
# Security Advisories in JavaScript (ES6) Document Editor

Syncfusion<sup style="font-size:70%">&reg;</sup> places the utmost priority on the security of our controls. Users can rest assured about the security of our controls, as we have implemented all necessary measures to mitigate security vulnerabilities such as cross-site scripting and insecure dependencies. To meet security standards, Syncfusion<sup style="font-size:70%">&reg;</sup> utilizes the [ESLint](https://eslint.org/) and [ESLint plugin security](https://github.com/eslint-community/eslint-plugin-security#rules) tools for static code analysis. Additionally, Syncfusion<sup style="font-size:70%">&reg;</sup> packages undergo software composition analysis using the [SOOS](https://soos.io/) security tool.
Syncfusion<sup style="font-size:70%">&reg;</sup> places the utmost priority on the security of our controls. Users can rest assured about the security of our controls, as we have implemented all necessary measures to mitigate security vulnerabilities such as cross-site scripting and insecure dependencies. To meet security standards, Syncfusion<sup style="font-size:70%">&reg;</sup> utilizes the [ESLint](https://eslint.org/) and [ESLint plugin security](https://github.com/eslint-community/eslint-plugin-security#rules) tools for static code analysis. Additionally, Syncfusion<sup style="font-size:70%">&reg;</sup> packages undergo software composition analysis using the SOOS security tool.

This document provides a description of the security updates available for Syncfusion<sup style="font-size:70%">&reg;</sup> Essential<sup style="font-size:70%">&reg;</sup> JS2 controls for volume release.

## Security Updates
## Security updates

The following security updates are available for TypeScript DocumentEditor control and are listed based on the release version.
The following security updates are available for the [TypeScript Document Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) control and are listed based on the release version.

### 2024 Volume 2 (v26.2.4) - July 25, 2024

This release resolves critical and moderate security vulnerabilities affecting the TypeScript Document Editor Docker Image.
This release resolves critical and moderate security vulnerabilities affecting the JavaScript (ES6) Document Editor Docker Image.

**Threat:**

Expand All @@ -36,12 +36,10 @@ This release resolves critical and moderate security vulnerabilities affecting t

* The Npgsql package and Dynamic LINQ have been removed, as they are no longer required, to enhance security and mitigate the risk of SQL injection attacks.

## Common Security Updates


## Common security updates

For details on common security updates related to Syncfusion<sup style="font-size:70%">&reg;</sup> products, please refer to [this link](https://ej2.syncfusion.com/documentation/common/security). This resource provides information on the latest advisories and best practices to help ensure the security and integrity of your applications.

## Security Issue
## Security issue

If users discover any security issues or need assistance in resolving them with Syncfusion<sup style="font-size:70%">&reg;</sup> controls, please contact us by creating a support ticket on [our support site](https://syncfusion.com/support) or by posting your query on Stack Overflow with the tag `syncfusion-ej2`.
26 changes: 14 additions & 12 deletions Document-Processing/Word/Word-Processor/javascript-es6/shapes.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,34 +1,36 @@
---
layout: post
title: Shapes in JavaScript (ES6) Document editor control | Syncfusion
description: Learn here all about Shapes in Syncfusion JavaScript (ES6) Document editor control of Syncfusion Essential JS 2 and more.
title: Shapes in JavaScript (ES6) DOCX Editor | Syncfusion
description: Learn here all about Shapes in Syncfusion JavaScript (ES6) Document Editor component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Shapes
documentation: ug
domainurl: ##DomainURL##
---

# Shapes in JavaScript (ES6) Document editor control
# Shapes in JavaScript (ES6) Document Editor

Shapes are drawing objects that include a text box, rectangles, lines, curves, circles, etc. It can be preset or custom geometry. At present, [TypeScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) does not have support to insert shapes. however, if the document contains a shape while importing, it will be preserved properly.
Shapes are drawing objects that include a text box, rectangles, lines, curves, circles, etc. They can have preset or custom geometry.

N> At present, the [TypeScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) does not have support to insert shapes. However, if the document contains a shape while importing, it will be preserved properly.

## Supported shapes

The DocumentEditor has preservation support for Lines, Rectangle, Basic Shapes, Block Arrows, Equation Shapes,Flowchart and Stars and Banners.
The DocumentEditor has preservation support for Lines, Rectangle, Basic Shapes, Block Arrows, Equation Shapes, Flowchart and Stars and Banners.

![List of supported shapes in DocumentEditor](images/Shapes_images/supported_shapes.png)

>Note: When using ASP.NET MVC service, the unsupported shapes will be converted as image and preserved as image.
N> When using ASP.NET MVC service, the unsupported shapes will be converted to an image and preserved as an image.

## Text box Shape
## Text box shape

A text box is a rectangular area on the document where you can enter text. When you click in a text box, a flashing cursor will display indicating that you can begin typing. It allows you to enter multiple lines of text with all text formatting.

![Text box shape view in DocumentEditor](images/Shapes_images/textbox_shape.png)

## Shape Resizer
## Shape resizer

The DocumentEditor also supports a built-in shape resizer to resize the shapes present in the document. The shape resizer accepts both touch and mouse interactions.
The Document Editor also supports a built-in shape resizer to resize the shapes present in the document. The shape resizer accepts both touch and mouse interactions.

![Shape resizer view in DocumentEditor](images/Shapes_images/shape_resizer.png)

Expand All @@ -38,8 +40,8 @@ Text wrapping refers to how shapes fit with surrounding text in a document. Plea

## Positioning the shape

DocumentEditor preserves the position properties of the shape and displays the shape based on position properties. It does not support modifying the position properties. Whereas the shape will be automatically moved along with text edited if it is positioned relative to the line or paragraph.
Document Editor preserves the position properties of the shape and displays the shape based on position properties. It does not support modifying the position properties. However, the shape will be automatically moved along with the edited text if it is positioned relative to the line or paragraph.

## Online Demo
## Online demo

Explore how to preserve auto shapes and grouped shapes in Word documents using the JavaScript Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/javascript/#/material3/document-editor/autoshapes.html).
Explore how to preserve AutoShapes and grouped shapes in Word documents using the JavaScript Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/javascript/#/material3/document-editor/autoshapes.html).
Loading