Skip to content

1027238: React Changes committed #2893

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

Open
sumathisf3095 wants to merge 2 commits into
base: development
Choose a base branch
from
Open

1027238: React Changes committed #2893

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
b57bb51
1027238: React Changes committed
sumathisf3095 May 18, 2026
63d90a7
1027238: Angular changes updated
sumathisf3095 May 18, 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
39 changes: 17 additions & 22 deletions Document-Processing/Word/Word-Processor/angular/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,17 @@ domainurl: ##DomainURL##

# Overview

The Document Editor component is used to create, edit, view, and print Word documents in web applications. All the user interactions and editing operations that run purely in the client-side provides much faster editing experience to the users.
The Syncfusion<sup style="font-size:70%">&reg;</sup> [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) is a feature-rich, user-interactive component that enables creating, editing, viewing, and printing Word documents with advanced formatting, editing capabilities, and broad support for document import and export formats.

![Output of Angular DOCX Editor](./images/docx-editor.png)

## Key Features

* [Opens](./import) the native `Syncfusion Document Text (*.sfdt)` format documents in the client-side.
* [Saves the documents](./export) in the client-side as `Syncfusion Document Text (*.sfdt)` and `Word document (*.docx)`.
* Supports document elements like text, [image](./image), [table](./table), fields, [bookmark](./bookmark),[shapes](./shapes), [section](./section-format), [header and footer](./header-footer).
* Supports document elements like text, [image](./image), [table](./table), fields, [bookmark](./bookmark), [shapes](./shapes), [section](./section-format), [header and footer](./header-footer).
* Supports the commonly used fields like [hyperlink](./link), page number, page count, and table of contents.
* Supports formats like [text](./text-format), [paragraph](./paragraph-format), [bullets and numbering](./list-format), [table](./table-format), [page settings](./section-format), etc.
* Supports formats like [text](./text-format), [paragraph](./paragraph-format), [bullets and numbering](./list-format), [table](./table-format) and [page settings](./section-format).
* Provides support to create, edit, and apply [paragraph and character styles](./styles).
* Provides support to [find and replace](./find-and-replace) text within the document.
* Supports all the common editing and formatting operations along with [undo and redo](./history).
Expand All @@ -29,22 +31,23 @@ The Document Editor component is used to create, edit, view, and print Word docu
* Provides support to perform [spell checking](./spell-check) for any input text
* Allows user interactions like [zoom](./scrolling-zooming#zooming), [scroll](./scrolling-zooming), select contents through touch, mouse, and keyboard.
* Provides intuitive UI options like context menu, [dialogs](./dialog), and [navigation pane](./find-and-replace#options-pane).
* Provides a [ribbon interface](./ribbon.md) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features.
* [Localizes](./global-local) all the static text to any desired language.
* Allows to create a lightweight Word viewer using module injection to view and [prints](./print) Word documents.
* Provides a [server-side helper library](./web-services/core) to open the Word documents like DOCX, DOC, WordML, RTF, and Text, by converting it to SFDT file format.

## Supported Web platforms

* [Javascript(ES5)](../javascript-es5/getting-started)
* [Javascript(ES6)](../javascript-es6/getting-started)
* [Angular](../angular/getting-started)
* [React](../react/getting-started)
* [Vue](../vue/getting-started)
* [ASP.NET Core](../asp-net-core/getting-started-core)
* [ASP.NET MVC](../asp-net-mvc/getting-started)
* [Blazor](../blazor/getting-started/server-side-application)

### Supported platforms for server-side dependencies
The Document Editor component requires server-side interactions for the following operations:

• Open file formats other than SFDT

• Paste with formatting

• Restrict editing

• Spell check

• Save as file formats other than SFDT and DOCX

You can deploy web APIs for server-side dependencies of Document Editor component in the following platforms.

Expand All @@ -54,12 +57,4 @@ You can deploy web APIs for server-side dependencies of Document Editor componen

To know more about server-side dependencies, refer this [page](./web-services/core).

#### Which operations require server-side interaction

* Open file formats other than SFDT
* Paste with formatting
* Restrict editing
* Spellcheck
* Save as file formats other than SFDT and DOCX

>Note: If you don't require the above functionalities then you can deploy as pure client-side component without any server-side interactions.
36 changes: 14 additions & 22 deletions Document-Processing/Word/Word-Processor/react/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,17 @@ domainurl: ##DomainURL##

# Overview

The Document Editor component is used to create, edit, view, and print Word documents in web applications. All the user interactions and editing operations that run purely in the client-side provides much faster editing experience to the users.
The Syncfusion<sup style="font-size:70%">&reg;</sup> [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) is a feature-rich, user-interactive component that enables creating, editing, viewing, and printing Word documents with advanced formatting, editing capabilities, and broad support for document import and export formats.

![Output of React DOCX Editor](./images/docx-editor.png)

## Key Features

* [Opens](./import) the native `Syncfusion Document Text (*.sfdt)` format documents in the client-side.
* [Saves the documents](./export) in the client-side as `Syncfusion Document Text (*.sfdt)` and `Word document (*.docx)`.
* Supports document elements like text, [image](./image), [table](./table), fields, [bookmark](./bookmark),[shapes](./shapes), [section](./section-format), [header and footer](./header-footer).
* Supports document elements like text, [image](./image), [table](./table), fields, [bookmark](./bookmark), [shapes](./shapes), [section](./section-format), [header and footer](./header-footer).
* Supports the commonly used fields like [hyperlink](./link), page number, page count, and table of contents.
* Supports formats like [text](./text-format), [paragraph](./paragraph-format), [bullets and numbering](./list-format), [table](./table-format), [page settings](./section-format), etc.
* Supports formats like [text](./text-format), [paragraph](./paragraph-format), [bullets and numbering](./list-format), [table](./table-format) and [page settings](./section-format).
* Provides support to create, edit, and apply [paragraph and character styles](./styles).
* Provides support to [find and replace](./find-and-replace) text within the document.
* Supports all the common editing and formatting operations along with [undo and redo](./history).
Expand All @@ -29,23 +31,21 @@ The Document Editor component is used to create, edit, view, and print Word docu
* Provides support to perform [spell checking](./spell-check) for any input text
* Allows user interactions like [zoom](./scrolling-zooming#zooming), [scroll](./scrolling-zooming), select contents through touch, mouse, and keyboard.
* Provides intuitive UI options like context menu, [dialogs](./dialog), and [navigation pane](./find-and-replace#options-pane).
* Provides a [ribbon interface](./ribbon.md) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features.
* [Localizes](./global-local) all the static text to any desired language.
* Allows to create a lightweight Word viewer using module injection to view and [prints](./print) Word documents.
* Provides a [server-side helper library](./web-services) to open the Word documents like DOCX, DOC, WordML, RTF, and Text, by converting it to SFDT file format.

## Supported Web platforms

* [Javascript(ES5)](../javascript-es5/getting-started)
* [Javascript(ES6)](../javascript-es6/getting-started)
* [Angular](../angular/getting-started)
* [React](../react/getting-started)
* [Vue](../vue/getting-started)
* [ASP.NET Core](../asp-net-core/getting-started-core)
* [ASP.NET MVC](../asp-net-mvc/getting-started)
* [Blazor](../blazor/getting-started/server-side-application)

### Supported platforms for server-side dependencies

The Document Editor component requires server-side interactions for the following operations:
• Open file formats other than SFDT
• Paste with formatting
• Restrict editing
• Spell check
• Save as file formats other than SFDT and DOCX


You can deploy web APIs for server-side dependencies of Document Editor component in the following platforms.

* [ASP.NET Core](./web-services/core)
Expand All @@ -54,12 +54,4 @@ You can deploy web APIs for server-side dependencies of Document Editor componen

To know more about server-side dependencies, refer this [page](./web-services-overview).

#### Which operations require server-side interaction

* Open file formats other than SFDT
* Paste with formatting
* Restrict editing
* Spellcheck
* Save as file formats other than SFDT and DOCX

>Note: If you don't require the above functionalities then you can deploy as pure client-side component without any server-side interactions.