diff --git a/Document-Processing/Word/Word-Processor/react/right-to-left.md b/Document-Processing/Word/Word-Processor/react/right-to-left.md
index 7cf9657752..4813137f34 100644
--- a/Document-Processing/Word/Word-Processor/react/right-to-left.md
+++ b/Document-Processing/Word/Word-Processor/react/right-to-left.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Right to Left in React DOCX Editor
-[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides RTL (right-to-left) support. This can be enabled using the `enableRtl` property.
+[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides RTL (right-to-left) support. This can be enabled using the `enableRtl` property.
{% tabs %}
{% highlight js tabtitle="index.jsx" %}
@@ -28,4 +28,4 @@ domainurl: ##DomainURL##
## Online Demo
-Explore how to enable right-to-left layout in Word documents using the React Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/right-to-left).
\ No newline at end of file
+Explore how to enable right-to-left layout in Word documents using the React DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/right-to-left).
diff --git a/Document-Processing/Word/Word-Processor/react/saving-documents/aws-s3-bucket.md b/Document-Processing/Word/Word-Processor/react/saving-documents/aws-s3-bucket.md
index d09f4e19fd..60e57266c9 100644
--- a/Document-Processing/Word/Word-Processor/react/saving-documents/aws-s3-bucket.md
+++ b/Document-Processing/Word/Word-Processor/react/saving-documents/aws-s3-bucket.md
@@ -12,9 +12,9 @@ domainurl: ##DomainURL##
To save a document to AWS S3, follow the steps below.
-**Step 1:** Create a simple [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) sample in React.
+**Step 1:** Create a simple [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) sample in React.
-Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in React. This will give you a basic setup of the Document Editor component.
+Follow the instructions provided in this [link](../getting-started) to create a simple DOCX Editor sample in React. This will give you a basic setup of the DOCX Editor component.
**Step 2:** Modify the `DocumentEditorController.cs` File in the Web Service Project
@@ -116,7 +116,7 @@ private string GetValue(IFormCollection data, string key)
N> Replace **Your Access Key from AWS S3**, **Your Secret Key from AWS S3**, and **Your Bucket name from AWS S3** with your actual AWS access key, secret key, and bucket name.
-**Step 3:** Modify the index file in the Document Editor sample
+**Step 3:** Modify the index file in the DOCX Editor sample
On the client side, export the document to a blob using [`saveAsBlob`](https://ej2.syncfusion.com/react/documentation/api/document-editor#saveAsBlob) and send it to the server side for saving in an AWS S3 Bucket.
diff --git a/Document-Processing/Word/Word-Processor/react/saving-documents/azure-blob-storage.md b/Document-Processing/Word/Word-Processor/react/saving-documents/azure-blob-storage.md
index c4ef94a84e..6e2c7ac92c 100644
--- a/Document-Processing/Word/Word-Processor/react/saving-documents/azure-blob-storage.md
+++ b/Document-Processing/Word/Word-Processor/react/saving-documents/azure-blob-storage.md
@@ -12,9 +12,9 @@ domainurl: ##DomainURL##
To save a document to Azure Blob Storage, you can follow the steps below.
-**Step 1:** Create a Simple [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) sample in React.
+**Step 1:** Create a Simple [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) sample in React.
-Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in React. This will give you a basic setup of the Document Editor component.
+Follow the instructions provided in this [link](../getting-started) to create a simple DOCX Editor sample in React. This will give you a basic setup of the DOCX Editor component.
**Step 2:** Modify the `DocumentEditorController.cs` File in the Web Service Project
@@ -109,7 +109,7 @@ private string GetValue(IFormCollection data, string key)
N> Replace **Your Connection string from Azure** with the actual connection string for your Azure Blob Storage account and **Your container name in Azure** with the actual container name.
-**Step 3:** Modify the index File in the Document Editor sample
+**Step 3:** Modify the index File in the DOCX Editor sample
On the client side, export the document to a blob using [`saveAsBlob`](https://ej2.syncfusion.com/react/documentation/api/document-editor#saveAsBlob) and send it to the server side for saving in the Azure Blob Storage container.
diff --git a/Document-Processing/Word/Word-Processor/react/saving-documents/box-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/react/saving-documents/box-cloud-file-storage.md
index 5a1a61b819..00ac8a6352 100644
--- a/Document-Processing/Word/Word-Processor/react/saving-documents/box-cloud-file-storage.md
+++ b/Document-Processing/Word/Word-Processor/react/saving-documents/box-cloud-file-storage.md
@@ -19,9 +19,9 @@ To access Box storage programmatically, you'll need a developer account with Box
N> 1. Before accessing files, you need to authenticate your application to access your Box account. Box API supports `OAuth 2.0 authentication` for this purpose.
N> 2. After creating the Box application, grant it access to the specific folder where documents will be saved. In the Box Developer Console, navigate to your application's configuration and add the target folder under the authorized folders. This folder authorization is required for App Tokens/JWT authentication to access files.
-**Step 2:** Create a Simple Document Editor sample in React
+**Step 2:** Create a Simple DOCX Editor sample in React
-Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in React. This will give you a basic setup of the Document Editor component.
+Follow the instructions provided in this [link](../getting-started) to create a simple DOCX Editor sample in React. This will give you a basic setup of the DOCX Editor component.
**Step 3:** Modify the `DocumentEditorController.cs` File in the Web Service Project
@@ -131,7 +131,7 @@ private string GetValue(IFormCollection data, string key)
N> replace **Your_Box_Storage_Access_Token** with your actual box access token, and **Your_Folder_ID** with the ID of the folder in your box storage where you want to perform specific operations. Remember to use your valid box API credentials, as **Your_Box_Storage_ClientID** and **Your_Box_Storage_ClientSecret"** are placeholders for your application's API key and secret.
-**Step 4:** Modify the index File in the Document Editor sample
+**Step 4:** Modify the index File in the DOCX Editor sample
On the client side, export the document to a blob using [`saveAsBlob`](https://ej2.syncfusion.com/react/documentation/api/document-editor#saveAsBlob) and send it to the server side for saving in Box cloud file storage.
diff --git a/Document-Processing/Word/Word-Processor/react/saving-documents/dropbox-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/react/saving-documents/dropbox-cloud-file-storage.md
index a5462217d5..1be00d44e7 100644
--- a/Document-Processing/Word/Word-Processor/react/saving-documents/dropbox-cloud-file-storage.md
+++ b/Document-Processing/Word/Word-Processor/react/saving-documents/dropbox-cloud-file-storage.md
@@ -19,9 +19,9 @@ To create a Dropbox API App, you should follow the official [Dropbox .NET tutori
N> 1. In the Dropbox App Console, configure your app's permissions/scopes to grant folder access (e.g., `files.content.write`) required for uploading files. Without these scopes, the upload will fail with a permission error.
N> 2. Generate the **Access Token** from the App Console after creating your app. For production use, use the OAuth 2.0 authorization flow to obtain tokens dynamically. Refer to the [Dropbox .NET tutorial](https://www.dropbox.com/developers/documentation/dotnet#tutorial) for details.
-**Step 2:** Create a Simple Document Editor sample in React
+**Step 2:** Create a Simple DOCX Editor sample in React
-Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in React. This will give you a basic setup of the Document Editor component.
+Follow the instructions provided in this [link](../getting-started) to create a simple DOCX Editor sample in React. This will give you a basic setup of the DOCX Editor component.
**Step 3:** Modify the `DocumentEditorController.cs` File in the Web Service Project
@@ -134,7 +134,7 @@ private string GetValue(IFormCollection data, string key)
N> Replace **Your_Dropbox_Access_Token** with your actual Dropbox access token and **Your_Folder_Name** with your folder name.
N> The **Dropbox.Api** NuGet package (version 7.x or later) must be installed in your application to use the previous code example.
-**Step 4:** Modify the index File in the Document Editor sample
+**Step 4:** Modify the index File in the DOCX Editor sample
On the client side, export the document to a blob using [`saveAsBlob`](https://ej2.syncfusion.com/react/documentation/api/document-editor#saveAsBlob) and send it to the server side for saving in Dropbox cloud file storage.
diff --git a/Document-Processing/Word/Word-Processor/react/saving-documents/google-cloud-storage.md b/Document-Processing/Word/Word-Processor/react/saving-documents/google-cloud-storage.md
index 1017982676..b20f8bd694 100644
--- a/Document-Processing/Word/Word-Processor/react/saving-documents/google-cloud-storage.md
+++ b/Document-Processing/Word/Word-Processor/react/saving-documents/google-cloud-storage.md
@@ -12,9 +12,9 @@ domainurl: ##DomainURL##
To save a document to Google Cloud Storage, you can follow the steps below.
-**Step 1:** Create a Simple [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) sample in React
+**Step 1:** Create a Simple [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) sample in React
-Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in React. This will give you a basic setup of the Document Editor component.
+Follow the instructions provided in this [link](../getting-started) to create a simple DOCX Editor sample in React. This will give you a basic setup of the DOCX Editor component.
**Step 2:** Create the `DocumentEditorController.cs` File in the Web Service Project
@@ -133,7 +133,7 @@ N> Replace **Your Bucket name from Google Cloud Storage** with the actual name o
N> Replace **path/to/service-account-key.json** with the actual file path to your service account key JSON file. Make sure to provide the correct path and filename.
-**Step 4:** Modify the index File in the Document Editor sample
+**Step 4:** Modify the index File in the DOCX Editor sample
On the client side, export the document to a blob using [`saveAsBlob`](https://ej2.syncfusion.com/react/documentation/api/document-editor#saveAsBlob) and send it to the server side for saving in Google Cloud Storage.
diff --git a/Document-Processing/Word/Word-Processor/react/saving-documents/google-drive.md b/Document-Processing/Word/Word-Processor/react/saving-documents/google-drive.md
index 527531c9ca..69d8bf9e2f 100644
--- a/Document-Processing/Word/Word-Processor/react/saving-documents/google-drive.md
+++ b/Document-Processing/Word/Word-Processor/react/saving-documents/google-drive.md
@@ -20,9 +20,9 @@ You must set up a project in the Google Developers Console and enable the Google
* Download the OAuth 2.0 Client IDs credentials JSON file from the Google Cloud Console and save it locally. Save the path to this file for use in the `appsettings.json` configuration.
-**Step 2:** Create a Simple Document Editor sample in React
+**Step 2:** Create a Simple DOCX Editor sample in React
-Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in React. This will give you a basic setup of the Document Editor component.
+Follow the instructions provided in this [link](../getting-started) to create a simple DOCX Editor sample in React. This will give you a basic setup of the DOCX Editor component.
**Step 3:** Modify the `DocumentEditorController.cs` File in the Web Service Project
@@ -148,7 +148,7 @@ N> 2. The **FolderId** is the unique identifier for the folder. For example, if
N> 3. The `CredentialPath` value in `appsettings.json` must point to the full OAuth 2.0 Client IDs credentials JSON file downloaded from the Google Cloud Console. This JSON file contains the unique `Client_ID` and `Client_Secret` used to authenticate with the Google Drive API and securely save files.
N> 4. The **Google.Apis.Drive.v3** (v1.68.0.XXXX or later) NuGet package must be installed in your application to use the previous code example.
-**Step 4:** Modify the index File in the Document Editor sample
+**Step 4:** Modify the index File in the DOCX Editor sample
On the client side, export the document to a blob using [`saveAsBlob`](https://ej2.syncfusion.com/react/documentation/api/document-editor#saveAsBlob) and send it to the server side for saving in Google Drive.
diff --git a/Document-Processing/Word/Word-Processor/react/saving-documents/one-drive.md b/Document-Processing/Word/Word-Processor/react/saving-documents/one-drive.md
index 1f8008ace4..ddcaf97665 100644
--- a/Document-Processing/Word/Word-Processor/react/saving-documents/one-drive.md
+++ b/Document-Processing/Word/Word-Processor/react/saving-documents/one-drive.md
@@ -16,9 +16,9 @@ To save a document to OneDrive, you can follow the steps below.
You must create a Microsoft Graph API application and obtain the necessary credentials, namely the application ID and tenant ID. Follow the steps provided in the [link](https://learn.microsoft.com/en-us/training/modules/msgraph-access-file-data/3-exercise-access-files-onedrive) to create the application and obtain the required IDs.
-**Step 2:** Create a Simple Document Editor sample in React
+**Step 2:** Create a Simple DOCX Editor sample in React
-Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in React. This will give you a basic setup of the Document Editor component.
+Follow the instructions provided in this [link](../getting-started) to create a simple DOCX Editor sample in React. This will give you a basic setup of the DOCX Editor component.
**Step 3:** Modify the `DocumentEditorController.cs` File in the Web Service Project
@@ -134,7 +134,7 @@ private string GetValue(IFormCollection data, string key)
N> Replace **Your_Tenant_ID**, **Your_Application_ID**, and **Your_Folder_Name_To_Access_The_Files_In_OneDrive** with your actual tenant ID, application ID, and folder name.
-**Step 4:** Modify the index File in the Document Editor sample
+**Step 4:** Modify the index File in the DOCX Editor sample
On the client side, export the document to a blob using [`saveAsBlob`](https://ej2.syncfusion.com/react/documentation/api/document-editor#saveAsBlob) and send it to the server side for saving in OneDrive.
diff --git a/Document-Processing/Word/Word-Processor/react/saving-documents/server-side-export.md b/Document-Processing/Word/Word-Processor/react/saving-documents/server-side-export.md
index 396ea92f42..80d76d8d31 100644
--- a/Document-Processing/Word/Word-Processor/react/saving-documents/server-side-export.md
+++ b/Document-Processing/Word/Word-Processor/react/saving-documents/server-side-export.md
@@ -12,7 +12,7 @@ domainurl: ##DomainURL##
## SFDT to DOCX export
-[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports server-side export of **Syncfusion Document Text (.sfdt)** to Doc, DOCX, RTF, Txt, WordML, HTML formats using server-side helper **Syncfusion.EJ2.DocumentEditor** available in ASP.NET Core & ASP.NET MVC platform in the NuGet packages below.
+[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports server-side export of **Syncfusion Document Text (.sfdt)** to Doc, DOCX, RTF, Txt, WordML, HTML formats using server-side helper **Syncfusion.EJ2.DocumentEditor** available in ASP.NET Core & ASP.NET MVC platform in the NuGet packages below.
* [Syncfusion.EJ2.WordEditor.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.WordEditor.AspNet.Core)
* [Syncfusion.EJ2.WordEditor.AspNet.Mvc5](https://www.nuget.org/packages/Syncfusion.EJ2.WordEditor.AspNet.Mvc5)
diff --git a/Document-Processing/Word/Word-Processor/react/scrolling-zooming.md b/Document-Processing/Word/Word-Processor/react/scrolling-zooming.md
index 437b5bc3e9..4795a0a05e 100644
--- a/Document-Processing/Word/Word-Processor/react/scrolling-zooming.md
+++ b/Document-Processing/Word/Word-Processor/react/scrolling-zooming.md
@@ -109,7 +109,7 @@ ReactDOM.render(
, document.getElementById('sample'));
## Page Fit Type
-Apart from specifying the zoom factor as a value, the Document Editor provides an option to specify page fit options such as fit to full page or fit to page width. You can set this option using the `fitPage` method of the document editor instance. Refer to the following code example.
+Apart from specifying the zoom factor as a value, the DOCX Editor provides an option to specify page fit options such as fit to full page or fit to page width. You can set this option using the `fitPage` method of the document editor instance. Refer to the following code example.
{% raw %}
diff --git a/Document-Processing/Word/Word-Processor/react/section-format.md b/Document-Processing/Word/Word-Processor/react/section-format.md
index 45e9662c2b..acd4f4c834 100644
--- a/Document-Processing/Word/Word-Processor/react/section-format.md
+++ b/Document-Processing/Word/Word-Processor/react/section-format.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Section Format in React DOCX Editor
-[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports various section formatting such as page size, page margins, and more.
+[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports various section formatting such as page size, page margins, and more.
## Page size
@@ -36,7 +36,7 @@ documenteditor.selection.sectionFormat.bottomMargin = 10;
documenteditor.selection.sectionFormat.topMargin = 10;
```
-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.
+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 DOCX Editor will automatically reset it to 1584.
## Header distance
@@ -70,7 +70,7 @@ documentEditor.selection.sectionFormat.lineBetweenColumns = true;
### Online Demo
-Explore how to format Word documents with multiple columns using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/multiple-columns).
+Explore how to format Word documents with multiple columns using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/multiple-columns).
## Breaks
@@ -100,7 +100,7 @@ documenteditor.editor.insertSectionBreak(SectionBreakType.Continuous);
## Online Demo
-Explore how to apply section formatting in Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/section-formatting).
+Explore how to apply section formatting in Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/section-formatting).
## See Also
diff --git a/Document-Processing/Word/Word-Processor/react/security-advisories.md b/Document-Processing/Word/Word-Processor/react/security-advisories.md
index 1d3f38efc6..f589216eb8 100644
--- a/Document-Processing/Word/Word-Processor/react/security-advisories.md
+++ b/Document-Processing/Word/Word-Processor/react/security-advisories.md
@@ -16,11 +16,11 @@ This document provides a description of the security updates available for Syncf
## Security Updates
-The following security updates are available for [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) control and are listed based on the release version.
+The following security updates are available for [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-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 React Document Editor Docker Image.
+This release resolves critical and moderate security vulnerabilities affecting the React DOCX Editor Docker Image.
**Threat:**
diff --git a/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md b/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md
index 5411090bf2..2b6fa6c655 100644
--- a/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md
+++ b/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md
@@ -48,8 +48,8 @@ az webapp create --resource-group documenteditorresourcegroup --plan documentedi
**Step 4:** Browse to the app.
-Browse to the deployed app at `http://
.azurewebsites.net`, i.e., `http://documenteditor-server.azurewebsites.net`. Open this link and navigate to the Document Editor Web API control `http://documenteditor-server.azurewebsites.net/api/documenteditor`. It returns the default GET method response.
+Browse to the deployed app at `http://.azurewebsites.net`, i.e., `http://documenteditor-server.azurewebsites.net`. Open this link and navigate to the DOCX Editor Web API control `http://documenteditor-server.azurewebsites.net/api/documenteditor`. It returns the default GET method response.
-Append the app service running URL `http://documenteditor-server.azurewebsites.net/api/documenteditor/` to the service URL in the client-side Document Editor control. For more information about the Document Editor control, refer to this [`getting started page`](../getting-started).
+Append the app service running URL `http://documenteditor-server.azurewebsites.net/api/documenteditor/` to the service URL in the client-side DOCX Editor control. For more information about the DOCX Editor control, refer to this [`getting started page`](../getting-started).
For more information about the app container service, refer to the [`Azure App Service`](https://docs.microsoft.com/en-us/azure/app-service/containers/quickstart-multi-container) for a production-ready setup.
diff --git a/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-kubernetes-service.md b/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-kubernetes-service.md
index cef164555f..9021b5b9ec 100644
--- a/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-kubernetes-service.md
+++ b/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-kubernetes-service.md
@@ -52,7 +52,7 @@ az aks get-credentials --resource-group documenteditorresourcegroup --name docum
**Step 4:** Create Kubernetes Services and Deployments
-[`Kubernetes Services`](https://kubernetes.io/docs/concepts/services-networking/service/) and [`Deployments`](https://kubernetes.io/docs/concepts/workloads/controllers/deployment/) can be configured in a file. To run the Document Editor server, you must define a Service and a Deployment documenteditorserver. To do this, create the documenteditor-server.yml file in the current directory using the following code.
+[`Kubernetes Services`](https://kubernetes.io/docs/concepts/services-networking/service/) and [`Deployments`](https://kubernetes.io/docs/concepts/workloads/controllers/deployment/) can be configured in a file. To run the DOCX Editor server, you must define a Service and a Deployment documenteditorserver. To do this, create the documenteditor-server.yml file in the current directory using the following code.
```yaml
apiVersion: apps/v1
@@ -95,20 +95,20 @@ spec:
type: LoadBalancer
```
-**Step 5:** To create all Services and Deployments needed to run the Document Editor server, execute the following.
+**Step 5:** To create all Services and Deployments needed to run the DOCX Editor server, execute the following.
```
kubectl create -f ./documenteditor-server.yml
```
-Run the following command to get the Kubernetes cluster deployed service details and copy the external IP address of the Document Editor service.
+Run the following command to get the Kubernetes cluster deployed service details and copy the external IP address of the DOCX Editor service.
```
kubectl get all
```
-Browse to the copied external IP address and navigate to the Document Editor Web API control `http:///api/documenteditor`. It returns the default GET method response.
+Browse to the copied external IP address and navigate to the DOCX Editor Web API control `http:///api/documenteditor`. It returns the default GET method response.
-**Step 6:** Append the Kubernetes service running URL `http:///api/documenteditor/` to the service URL in the client-side Document Editor control. For more information about the Document Editor control, refer to this [`getting started page`](../getting-started).
+**Step 6:** Append the Kubernetes service running URL `http:///api/documenteditor/` to the service URL in the client-side DOCX Editor control. For more information about the DOCX Editor control, refer to this [`getting started page`](../getting-started).
For more details about the Azure Kubernetes service, refer to the [`Azure Kubernetes Service`](https://docs.microsoft.com/en-us/azure/aks/kubernetes-walkthrough) for a production-ready setup.
diff --git a/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md b/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md
index 4d54711bbd..9538606ae2 100644
--- a/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md
+++ b/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md
@@ -2,7 +2,7 @@
layout: post
title: How to Publish React DOCX Editor Web API to Azure App | Syncfusion
description: Publish the Syncfusion® React DOCX Editor Web API to Azure App Service in React applications, including deployment and configuration steps.
-control: How to publish Document Editor Web API application in Azure App Service from Visual Studio
+control: How to publish DOCX Editor Web API application in Azure App Service from Visual Studio
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
@@ -14,7 +14,7 @@ domainurl: ##DomainURL##
* Visual Studio 2017 or 2019.
* An [`Azure subscription`](https://azure.microsoft.com/en-gb/).
-* The Document Editor Web API controller application from [`here`](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices).
+* The DOCX Editor Web API controller application from [`here`](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices).
Make sure you build the project using the Build > Build Solution menu command before following the deployment steps.
@@ -36,8 +36,8 @@ Make sure you build the project using the Build > Build Solution menu command be
**Step 5:** Select Create. Visual Studio deploys the app to your Azure App Service, and the web app loads in your browser with the app name at `http://.azurewebsites.net` (i.e., `http://ej2-documenteditor-server20200514102909.azurewebsites.net`).
-**Step 6:** Navigate to Document Editor Web API control `http://ej2-documenteditor-server20200514102909.azurewebsites.net/api/documenteditor`. It returns the default GET method response.
+**Step 6:** Navigate to DOCX Editor Web API control `http://ej2-documenteditor-server20200514102909.azurewebsites.net/api/documenteditor`. It returns the default GET method response.
-Append the app service running URL `http://ej2-documenteditor-server20200514102909.azurewebsites.net/api/documenteditor` to the service URL in the client-side Document Editor control. For more information about how to get started with the Document Editor control, refer to this [`getting started page`](../getting-started).
+Append the app service running URL `http://ej2-documenteditor-server20200514102909.azurewebsites.net/api/documenteditor` to the service URL in the client-side DOCX Editor control. For more information about how to get started with the DOCX Editor control, refer to this [`getting started page`](../getting-started).
For more information about the app container service, refer to the [`Azure App Service`](https://docs.microsoft.com/en-us/visualstudio/deployment/) for a production-ready setup.
diff --git a/Document-Processing/Word/Word-Processor/react/server-deployment/word-processor-server-docker-image-overview.md b/Document-Processing/Word/Word-Processor/react/server-deployment/word-processor-server-docker-image-overview.md
index 7e29e8f007..22e6662289 100644
--- a/Document-Processing/Word/Word-Processor/react/server-deployment/word-processor-server-docker-image-overview.md
+++ b/Document-Processing/Word/Word-Processor/react/server-deployment/word-processor-server-docker-image-overview.md
@@ -140,7 +140,7 @@ You can copy the required template Word documents into the docker container whil
N> Place the word files in the data folder mentioned in the volumes section (e.g., C:/Docker/Data) of the docker-compose.yml file. All the files present in the folder path (C:/Docker/Data) mentioned in the volumes section of the 'docker-compose.yml' file will be copied to the respective folder (/app/Data) of the docker container. The Word documents copied to the docker container can be processed using the 'LoadDocument' web API.
-The following code example shows how to use the LoadDocument() API in Document Editor.
+The following code example shows how to use the LoadDocument() API in DOCX Editor.
```ts
import * as ReactDOM from 'react-dom';
@@ -162,7 +162,7 @@ function App() {
httpRequest.onreadystatechange = () => {
if (httpRequest.readyState === 4) {
if (httpRequest.status === 200 || httpRequest.status === 304) {
- //Open the document in Document Editor.
+ //Open the document in DOCX Editor.
dataContext.open(httpRequest.responseText);
}
}
diff --git a/Document-Processing/Word/Word-Processor/react/shapes.md b/Document-Processing/Word/Word-Processor/react/shapes.md
index 1093fb90af..5a652323bd 100644
--- a/Document-Processing/Word/Word-Processor/react/shapes.md
+++ b/Document-Processing/Word/Word-Processor/react/shapes.md
@@ -30,7 +30,7 @@ A text box is a rectangular area on the document where you can enter text. When
## Shape Resizer
-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.
+The DOCX 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.

@@ -40,8 +40,9 @@ Text wrapping refers to how shapes fit with surrounding text in a document. Plea
## Positioning the shape
-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.
+DOCX 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
-Explore how to preserve AutoShapes and grouped shapes in Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/autoshapes).
+Explore how to preserve AutoShapes and grouped shapes in Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/autoshapes).
+
diff --git a/Document-Processing/Word/Word-Processor/react/spell-check.md b/Document-Processing/Word/Word-Processor/react/spell-check.md
index 42877037bc..792d168f1e 100644
--- a/Document-Processing/Word/Word-Processor/react/spell-check.md
+++ b/Document-Processing/Word/Word-Processor/react/spell-check.md
@@ -18,13 +18,13 @@ domainurl: ##DomainURL##
* Provides options such as Ignore, Ignore All, Change, and Change All in the spell check dialog.
-## Configure spell check in React Document Editor
+## Configure spell check in React DOCX Editor
Spell checking is enabled using the [enableSpellCheck](https://ej2.syncfusion.com/documentation/api/document-editor-container/index-default#enablespellcheck) property and by configuring the spellChecker settings. A server-side service is required to process text, detect misspelled words, and provide suggestions for display in the editor.
### Client-side configuration
-Spell check can be enabled in the Document Editor using the [enableSpellCheck](https://ej2.syncfusion.com/documentation/api/document-editor-container/index-default#enablespellcheck) property. Configure the spell check settings with a valid service URL and language ID to enable spelling validation and suggestions.
+Spell check can be enabled in the DOCX Editor using the [enableSpellCheck](https://ej2.syncfusion.com/documentation/api/document-editor-container/index-default#enablespellcheck) property. Configure the spell check settings with a valid service URL and language ID to enable spelling validation and suggestions.
The following code example demonstrates how to enable spell check and configure basic spell checker settings:
@@ -69,7 +69,7 @@ export default App;
The above-mentioned hosted Web API URL is for demo and evaluation purposes only. For production, host your own web service as shown below.
-The Document Editor client requires a server-side API to process text, identify misspelled words, and provide suggestions in the context menu. The server returns a JSON response containing details about misspelled words and their suggestions.
+The DOCX Editor client requires a server-side API to process text, identify misspelled words, and provide suggestions in the context menu. The server returns a JSON response containing details about misspelled words and their suggestions.
For more information on configuring the spell check service, refer to the following:
@@ -83,7 +83,7 @@ For more information on configuring the spell check service, refer to the follow
### Allow suggestions
-By default, the Document Editor retrieves both spelling errors and suggestions for misspelled words, allowing users to correct them through context menu options. This behavior can be modified using the [allowSpellCheckAndSuggestion](https://ej2.syncfusion.com/react/documentation/api/document-editor/spellchecker#allowspellcheckandsuggestion) API to perform only spell checking without fetching suggestions.
+By default, the DOCX Editor retrieves both spelling errors and suggestions for misspelled words, allowing users to correct them through context menu options. This behavior can be modified using the [allowSpellCheckAndSuggestion](https://ej2.syncfusion.com/react/documentation/api/document-editor/spellchecker#allowspellcheckandsuggestion) API to perform only spell checking without fetching suggestions.
The following code example demonstrates how to enable spell check suggestions.
@@ -107,7 +107,7 @@ container.documentEditor.spellChecker.removeUnderline = false;
### Language configuration
-The Document Editor supports multi-language spell checking. Multiple languages (dictionaries) can be added on the server side, and the language used for spell checking must match the [languageID](https://ej2.syncfusion.com/documentation/api/document-editor/spellchecker#get-languageid-number) specified in the Document Editor.
+The DOCX Editor supports multi-language spell checking. Multiple languages (dictionaries) can be added on the server side, and the language used for spell checking must match the [languageID](https://ej2.syncfusion.com/documentation/api/document-editor/spellchecker#get-languageid-number) specified in the DOCX Editor.
The following code example demonstrates how to configure the languageID.
@@ -161,7 +161,7 @@ To write a Web API for word-by-word spell checking, refer to the [link](https://
### Optimized spell check
-The Document Editor provides an option to perform spell checking page by page when loading documents. By default, this property is set to false, so the spell check web API is called for each word in the document. To optimize the frequency of spell check API calls, you can enable the [enableOptimizedSpellCheck](https://ej2.syncfusion.com/react/documentation/api/document-editor/spellchecker#get-enableoptimizedspellcheck-boolean) property.
+The DOCX Editor provides an option to perform spell checking page by page when loading documents. By default, this property is set to false, so the spell check web API is called for each word in the document. To optimize the frequency of spell check API calls, you can enable the [enableOptimizedSpellCheck](https://ej2.syncfusion.com/react/documentation/api/document-editor/spellchecker#get-enableoptimizedspellcheck-boolean) property.
The following code example illustrates how to enable optimized spell checking.
@@ -201,4 +201,4 @@ The Spelling option is available in the status bar once spell check is enabled.
## Online demo
-Explore how to enable spell check in the Document Editor using React through the live demo provided [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/spell-check).
\ No newline at end of file
+Explore how to enable spell check in the DOCX Editor using React through the live demo provided [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/spell-check).
diff --git a/Document-Processing/Word/Word-Processor/react/styles.md b/Document-Processing/Word/Word-Processor/react/styles.md
index d267661129..4a7985ef68 100644
--- a/Document-Processing/Word/Word-Processor/react/styles.md
+++ b/Document-Processing/Word/Word-Processor/react/styles.md
@@ -10,11 +10,11 @@ domainurl: ##DomainURL##
# Styles in React DOCX Editor
-Styles are useful for applying a set of formatting consistently throughout the document. In the Document Editor, styles are created and added to a document programmatically or via the built-in Styles dialog.
+Styles are useful for applying a set of formatting consistently throughout the document. In the DOCX Editor, styles are created and added to a document programmatically or via the built-in Styles dialog.
## Styles definition overview
-A style in the Document Editor should have the following properties:
+A style in the DOCX Editor should have the following properties:
* **name**: Name of the style. All styles in a document have a unique name, which is used as an identifier when applying the style.
* **type**: Specifies the document elements that the style will target. For example, paragraph or character.
@@ -28,7 +28,7 @@ N> The style type should match the inherited style type. For example, it is not
## Default style
-The default style for span and paragraph properties is the Normal style. It internally inherits the default style of the document loaded or Document Editor component.
+The default style for span and paragraph properties is the Normal style. It internally inherits the default style of the document loaded or DOCX Editor component.
## Style hierarchy
@@ -102,7 +102,7 @@ function App() {
underline: 'Single',
},
};
- //Create style in Document Editor.
+ //Create style in DOCX Editor.
documenteditor.editor.createStyle(JSON.stringify(styleJson));
}
return (
@@ -164,7 +164,7 @@ function App() {
outlineLevel: 'Level1',
},
};
- //Create style in Document Editor.
+ //Create style in DOCX Editor.
documenteditor.editor.createStyle(JSON.stringify(styleJson));
}
return (
@@ -275,4 +275,4 @@ let characterStyles = documentEditor.getStyles('Character');
## Online Demo
-Explore how to apply and modify styles in Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/styles).
\ No newline at end of file
+Explore how to apply and modify styles in Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/styles).
diff --git a/Document-Processing/Word/Word-Processor/react/supported-fileformats.md b/Document-Processing/Word/Word-Processor/react/supported-fileformats.md
index 4c1c3b9411..02fe94fe18 100644
--- a/Document-Processing/Word/Word-Processor/react/supported-fileformats.md
+++ b/Document-Processing/Word/Word-Processor/react/supported-fileformats.md
@@ -10,11 +10,11 @@ domainurl: ##DomainURL##
# Supported File Formats in React DOCX Editor
-[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports a wide range of Microsoft Word and other document formats. Some operations are handled client-side, while others require server-side processing.
+[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports a wide range of Microsoft Word and other document formats. Some operations are handled client-side, while others require server-side processing.
## Supported File Formats
-The following table describes supported formats and their conversion capabilities in the Document Editor.
+The following table describes supported formats and their conversion capabilities in the DOCX Editor.
| File Format | Open | Export |
|--------------------------------------|--------|--------|
@@ -34,7 +34,7 @@ N> * Requires server-side interactions for the operations.
## Supported platforms for server-side dependencies
-You can deploy Web Services for the server-side dependencies of the Document Editor component on the following platforms.
+You can deploy Web Services for the server-side dependencies of the DOCX Editor component on the following platforms.
- [ASP.NET Core](./web-services/core)
- [ASP.NET MVC](./web-services/mvc)
diff --git a/Document-Processing/Word/Word-Processor/react/table-format.md b/Document-Processing/Word/Word-Processor/react/table-format.md
index be680e2ae7..67976c3d21 100644
--- a/Document-Processing/Word/Word-Processor/react/table-format.md
+++ b/Document-Processing/Word/Word-Processor/react/table-format.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Table format in React DOCX Editor
-[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) customizes the formatting of a table or table cells such as table width, cell margins, cell spacing, background color, and table alignment. This section describes how to customize these formatting for selected cells, rows, or a table in detail.
+[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) customizes the formatting of a table or table cells such as table width, cell margins, cell spacing, background color, and table alignment. This section describes how to customize these formatting for selected cells, rows, or a table in detail.
## Cell margins
@@ -130,7 +130,7 @@ ReactDOM.render(, document.getElementById('sample'));
## Apply borders
-Document Editor exposes API to customize the borders for table cells by specifying the settings. Refer to the following sample code.
+DOCX Editor exposes API to customize the borders for table cells by specifying the settings. Refer to the following sample code.
```ts
@@ -180,7 +180,7 @@ Please check the below gif which illustrates how to apply a border for selected
## Working with row formatting
-Document Editor allows various row formatting such as height and repeat header.
+DOCX Editor allows various row formatting such as height and repeat header.
### Row height
@@ -241,7 +241,7 @@ documenteditor.selection.rowFormat.allowRowBreakAcrossPages=false;
### Title
-Document Editor exposes API to get or set the table title of the selected table. Refer to the following sample code to set title.
+DOCX Editor exposes API to get or set the table title of the selected table. Refer to the following sample code to set title.
```ts
documenteditor.selection.tableFormat.title = 'Shipping Details';
@@ -249,7 +249,7 @@ documenteditor.selection.tableFormat.title = 'Shipping Details';
### Description
-Document Editor exposes API to get or set the table description of the selected table. Refer to the following sample code to set description.
+DOCX Editor exposes API to get or set the table description of the selected table. Refer to the following sample code to set description.
```ts
documenteditor.selection.tableFormat.description = 'Freight cost and shipping details';
@@ -257,7 +257,7 @@ documenteditor.selection.tableFormat.description = 'Freight cost and shipping de
## Online Demo
-Explore how to format tables in Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/table-formatting).
+Explore how to format tables in Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/table-formatting).
## See Also
diff --git a/Document-Processing/Word/Word-Processor/react/table-of-contents.md b/Document-Processing/Word/Word-Processor/react/table-of-contents.md
index 3384110b66..42ae74be04 100644
--- a/Document-Processing/Word/Word-Processor/react/table-of-contents.md
+++ b/Document-Processing/Word/Word-Processor/react/table-of-contents.md
@@ -14,7 +14,7 @@ The table of contents in a document is the same as the list of chapters at the b
## Inserting table of contents
-[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) exposes an API to insert a table of contents at the cursor position programmatically. You can specify the settings for table of contents explicitly. Otherwise, the default settings will be applied.
+[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) exposes an API to insert a table of contents at the cursor position programmatically. You can specify the settings for table of contents explicitly. Otherwise, the default settings will be applied.
[`TableOfContentsSettings`](https://ej2.syncfusion.com/react/documentation/api/document-editor/tableOfContentsSettings) contain the following properties:
* **startLevel**: Specifies the start level for constructing table of contents.
@@ -25,7 +25,7 @@ The table of contents in a document is the same as the list of chapters at the b
* **tabLeader**: Specifies the tab leader styles such as none, dot, hyphen, and underscore.
* **includeOutlineLevels**: Specifies whether the outline levels are included.
-The following code illustrates how to insert a table of contents in the Document Editor.
+The following code illustrates how to insert a table of contents in the DOCX Editor.
```ts
let tocSettings: TableOfContentsSettings =
@@ -49,7 +49,7 @@ function App() {
}, []);
function componentDidMount() {
let documentString: string = '{"sections":[{"blocks":[{"paragraphFormat":{"styleName":"Heading 1"},"inlines":[{"text":"Headin"},{"name":"_GoBack","bookmarkType":0},{"name":"_GoBack","bookmarkType":1},{"text":"g1"}]},{"paragraphFormat":{"styleName":"Heading 2"},"inlines":[{"text":"Heading2"}]},{"paragraphFormat":{"styleName":"Heading 3"},"inlines":[{"text":"Heading3"}]},{"paragraphFormat":{"styleName":"Heading 4"},"inlines":[{"text":"Heading4"}]},{"paragraphFormat":{"styleName":"Heading 5"},"inlines":[{"text":"Heading5"}]},{"paragraphFormat":{"styleName":"Heading 6"},"inlines":[{"text":"Heading6"}]},{"paragraphFormat":{"styleName":"Normal"},"inlines":[{"text":"Normal"}]}],"headersFooters":{},"sectionFormat":{"headerDistance":36.0,"footerDistance":36.0,"pageWidth":612.0,"pageHeight":792.0,"leftMargin":72.0,"rightMargin":72.0,"topMargin":72.0,"bottomMargin":72.0,"differentFirstPage":false,"differentOddAndEvenPages":false}}],"characterFormat":{"fontSize":11.0,"fontFamily":"Calibri"},"paragraphFormat":{"afterSpacing":8.0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple"},"background":{"color":"#FFFFFFFF"},"styles":[{"type":"Paragraph","name":"Normal","next":"Normal"},{"type":"Paragraph","name":"Heading 1","basedOn":"Normal","next":"Normal","link":"Heading 1 Char","characterFormat":{"fontSize":16.0,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"},"paragraphFormat":{"beforeSpacing":12.0,"afterSpacing":0.0,"outlineLevel":"Level1"}},{"type":"Paragraph","name":"Heading 2","basedOn":"Normal","next":"Normal","link":"Heading 2 Char","characterFormat":{"fontSize":13.0,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"},"paragraphFormat":{"beforeSpacing":2.0,"afterSpacing":0.0,"outlineLevel":"Level2"}},{"type":"Paragraph","name":"Heading 3","basedOn":"Normal","next":"Normal","link":"Heading 3 Char","characterFormat":{"fontSize":12.0,"fontFamily":"Calibri Light","fontColor":"#1F3763FF"},"paragraphFormat":{"beforeSpacing":2.0,"afterSpacing":0.0,"outlineLevel":"Level3"}},{"type":"Paragraph","name":"Heading 4","basedOn":"Normal","next":"Normal","link":"Heading 4 Char","characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"},"paragraphFormat":{"beforeSpacing":2.0,"afterSpacing":0.0,"outlineLevel":"Level4"}},{"type":"Paragraph","name":"Heading 5","basedOn":"Normal","next":"Normal","link":"Heading 5 Char","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496FF"},"paragraphFormat":{"beforeSpacing":2.0,"afterSpacing":0.0,"outlineLevel":"Level5"}},{"type":"Paragraph","name":"Heading 6","basedOn":"Normal","next":"Normal","link":"Heading 6 Char","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763FF"},"paragraphFormat":{"beforeSpacing":2.0,"afterSpacing":0.0,"outlineLevel":"Level6"}},{"type":"Character","name":"Default Paragraph Font"},{"type":"Character","name":"Heading 1 Char","basedOn":"Default Paragraph Font","characterFormat":{"fontSize":16.0,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"}},{"type":"Character","name":"Heading 2 Char","basedOn":"Default Paragraph Font","characterFormat":{"fontSize":13.0,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"}},{"type":"Character","name":"Heading 3 Char","basedOn":"Default Paragraph Font","characterFormat":{"fontSize":12.0,"fontFamily":"Calibri Light","fontColor":"#1F3763FF"}},{"type":"Character","name":"Heading 4 Char","basedOn":"Default Paragraph Font","characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"}},{"type":"Character","name":"Heading 5 Char","basedOn":"Default Paragraph Font","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496FF"}},{"type":"Character","name":"Heading 6 Char","basedOn":"Default Paragraph Font","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763FF"}}]}';
- //Open the document in Document Editor.
+ //Open the document in DOCX Editor.
documenteditor.open(documentString);
}
@@ -131,7 +131,7 @@ N> The same method is used for inserting, updating, and editing table of content
## Online Demo
-Explore how to insert and update table of contents in Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/table-of-contents).
+Explore how to insert and update table of contents in Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/table-of-contents).
## See Also
diff --git a/Document-Processing/Word/Word-Processor/react/table.md b/Document-Processing/Word/Word-Processor/react/table.md
index 4243218572..5d48155580 100644
--- a/Document-Processing/Word/Word-Processor/react/table.md
+++ b/Document-Processing/Word/Word-Processor/react/table.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Tables in React DOCX Editor
-Tables are an efficient way to present information. [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) can display and edit the tables. You can select and edit tables through keyboard, mouse, or touch interactions. Document Editor exposes a rich set of APIs to perform these operations programmatically.
+Tables are an efficient way to present information. [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) can display and edit the tables. You can select and edit tables through keyboard, mouse, or touch interactions. DOCX Editor exposes a rich set of APIs to perform these operations programmatically.
## Create a table
@@ -24,7 +24,7 @@ Refer to the following sample code.
## Set the maximum number of Rows when inserting a table
-You can use the [maximumRows](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettings#maximumrows) property to set the maximum number of rows allowed while inserting a table in the Document Editor component.
+You can use the [maximumRows](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettings#maximumrows) property to set the maximum number of rows allowed while inserting a table in the DOCX Editor component.
```ts
function App() {
@@ -45,7 +45,7 @@ N> The maximum value of Row is 32767, as per Microsoft Word application and you
## Set the maximum number of Columns when inserting a table
-You can use the [maximumColumns](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettings#maximumcolumns) property to set the maximum number of Columns allowed while inserting a table in the Document Editor component.
+You can use the [maximumColumns](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettings#maximumcolumns) property to set the maximum number of Columns allowed while inserting a table in the DOCX Editor component.
Refer to the following sample code.
@@ -144,7 +144,7 @@ You can select the cell at cursor position by using the following sample code.
## Delete table
-Document Editor allows you to delete the entire table. You can use the [`deleteTable()`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#deletetable) method of editor instance, if selection is in table. Refer to the following sample code.
+DOCX Editor allows you to delete the entire table. You can use the [`deleteTable()`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#deletetable) method of editor instance, if selection is in table. Refer to the following sample code.
```ts
documenteditor.editor.deleteTable();
@@ -152,7 +152,7 @@ Document Editor allows you to delete the entire table. You can use the [`deleteT
## Delete row
-Document Editor allows you to delete the selected number of rows. You can use the [`deleteRow()`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#deleterow) method of editor instance to delete the selected number of rows, if selection is in table. Refer to the following sample code.
+DOCX Editor allows you to delete the selected number of rows. You can use the [`deleteRow()`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#deleterow) method of editor instance to delete the selected number of rows, if selection is in table. Refer to the following sample code.
```ts
documenteditor.editor.deleteRow();
@@ -160,7 +160,7 @@ documenteditor.editor.deleteRow();
## Delete column
-Document Editor allows you to delete the selected number of columns. You can use the [`deleteColumn()`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#deletecolumn) method of editor instance to delete the selected number of columns, if selection is in table. Refer to the following sample code.
+DOCX Editor allows you to delete the selected number of columns. You can use the [`deleteColumn()`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#deletecolumn) method of editor instance to delete the selected number of columns, if selection is in table. Refer to the following sample code.
```ts
documenteditor.editor.deleteColumn();
@@ -177,7 +177,7 @@ documenteditor.editor.mergeCells();
## Positioning the table
-Document Editor preserves the position properties of the table and displays the table based on position properties. It does not support modifying the position properties. Whereas the table will be automatically moved along with text edited if it is positioned relative to the paragraph.
+DOCX Editor preserves the position properties of the table and displays the table based on position properties. It does not support modifying the position properties. Whereas the table will be automatically moved along with text edited if it is positioned relative to the paragraph.
## How to work with tables
diff --git a/Document-Processing/Word/Word-Processor/react/text-format.md b/Document-Processing/Word/Word-Processor/react/text-format.md
index 6cb0ac7f96..0e15a39ddb 100644
--- a/Document-Processing/Word/Word-Processor/react/text-format.md
+++ b/Document-Processing/Word/Word-Processor/react/text-format.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Text Format in React DOCX Editor
-[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports several formatting options for text like bold, italic, font color, highlight color, and more. This section describes how to modify the formatting for selected text in detail.
+[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports several formatting options for text like bold, italic, font color, highlight color, and more. This section describes how to modify the formatting for selected text in detail.
## Bold
@@ -145,7 +145,7 @@ The size of selected text can be retrieved or set using the following code.
### Change Font Color by UI Option
-In the Document Editor, the Text Properties pane features two icons for managing text color within the user interface (UI):
+In the DOCX Editor, the Text Properties pane features two icons for managing text color within the user interface (UI):
* **Colored Box:** This icon visually represents the **current color** applied to the selected text.
* **Text (A) Icon:** Clicking this icon allows users **to modify the color** of the selected text by choosing a new color from the available options.
@@ -347,7 +347,7 @@ ReactDOM.render(, document.getElementById('sample'));
## Online Demo
-Explore how to apply text formatting in Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/character-formatting).
+Explore how to apply text formatting in Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/character-formatting).
## See Also
diff --git a/Document-Processing/Word/Word-Processor/react/text-wrapping-style.md b/Document-Processing/Word/Word-Processor/react/text-wrapping-style.md
index 7050879996..4a0d840e4c 100644
--- a/Document-Processing/Word/Word-Processor/react/text-wrapping-style.md
+++ b/Document-Processing/Word/Word-Processor/react/text-wrapping-style.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Text Wrapping Style in React DOCX Editor
-Text wrapping refers to how images and shapes are placed within the surrounding text in a document. Currently, [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) has only preservation support for images and textbox shapes, with the wrapping styles listed below.
+Text wrapping refers to how images and shapes are placed within the surrounding text in a document. Currently, [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) has only preservation support for images and textbox shapes, with the wrapping styles listed below.
## In-Line with Text
@@ -46,6 +46,6 @@ N> Starting from v19.2.0.x, the behind text wrapping style is supported.
In this option, text wraps around the image or text box in a square shape.
-N> Tight and Through styles will be preserved as the square wrapping style in the Document Editor, which is supported from v19.2.0.x.
+N> Tight and Through styles will be preserved as the square wrapping style in the DOCX Editor, which is supported from v19.2.0.x.

diff --git a/Document-Processing/Word/Word-Processor/react/track-changes.md b/Document-Processing/Word/Word-Processor/react/track-changes.md
index 2c5ea2f8e5..5fb23f528f 100644
--- a/Document-Processing/Word/Word-Processor/react/track-changes.md
+++ b/Document-Processing/Word/Word-Processor/react/track-changes.md
@@ -10,11 +10,11 @@ domainurl: ##DomainURL##
# Track Changes in React DOCX Editor
-[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports Track Changes functionality, which allows you to keep a record of changes or edits made to a document. You can then choose to accept or reject these modifications. It is a useful tool for managing changes made by several reviewers to the same document. When the Track Changes option is enabled, all editing operations are preserved as revisions.
+[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports Track Changes functionality, which allows you to keep a record of changes or edits made to a document. You can then choose to accept or reject these modifications. It is a useful tool for managing changes made by several reviewers to the same document. When the Track Changes option is enabled, all editing operations are preserved as revisions.
## Enable Track changes
-Track Changes can be enabled using the [enableTrackChanges](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/index-default#enabletrackchanges) property. When enabled, all editing operations are recorded and preserved as revisions in the Document Editor.
+Track Changes can be enabled using the [enableTrackChanges](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/index-default#enabletrackchanges) property. When enabled, all editing operations are recorded and preserved as revisions in the DOCX Editor.
The following example demonstrates how to enable track changes.
@@ -124,7 +124,7 @@ N> The hosted Web API URL is for demo and evaluation purposes only. For producti
## Get all tracked revisions
-Use the [revisions collection](https://ej2.syncfusion.com/documentation/api/document-editor/revisioncollection) on the Document Editor instance to retrieve all tracked revisions from the current document.
+Use the [revisions collection](https://ej2.syncfusion.com/documentation/api/document-editor/revisioncollection) on the DOCX Editor instance to retrieve all tracked revisions from the current document.
The following example demonstrates how to get all tracked revisions from the current document.
@@ -170,7 +170,7 @@ revisions.rejectAll();
Use `accept()` or `reject()` on a specific revision to apply or discard that edit individually.
-The following example demonstrates how to accept or reject a specific revision in the Document Editor.
+The following example demonstrates how to accept or reject a specific revision in the DOCX Editor.
{% tabs %}
{% highlight ts tabtitle="TS" %}
@@ -214,7 +214,7 @@ this.container.documentEditor.selection.navigatePreviousRevision();
## Custom metadata along with author
-The Document Editor allows customizing revisions using [revisionSettings](https://ej2.syncfusion.com/react/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [customData](https://ej2.syncfusion.com/react/documentation/api/document-editor/revisionsettings#customdata) property allows attaching additional metadata to tracked revisions. This metadata can represent roles, tags, or any custom identifier for a revision. To display this metadata along with the author name in the Track Changes pane, the [showCustomDataWithAuthor](https://ej2.syncfusion.com/react/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property must be enabled.
+The DOCX Editor allows customizing revisions using [revisionSettings](https://ej2.syncfusion.com/react/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [customData](https://ej2.syncfusion.com/react/documentation/api/document-editor/revisionsettings#customdata) property allows attaching additional metadata to tracked revisions. This metadata can represent roles, tags, or any custom identifier for a revision. To display this metadata along with the author name in the Track Changes pane, the [showCustomDataWithAuthor](https://ej2.syncfusion.com/react/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property must be enabled.
The following example illustrates how to enable and update custom metadata for track changes revisions.
@@ -255,7 +255,7 @@ The Track Changes pane will display the author name along with the custom metada

-N> When the document is exported as SFDT, the `customData` value is stored in the revision collection. Upon reopening the SFDT, the custom data is automatically restored and displayed in the Track Changes pane. In formats other than SFDT (such as DOCX and others), the `customData` is not preserved, as it is specific to the Document Editor component.
+N> When the document is exported as SFDT, the `customData` value is stored in the revision collection. Upon reopening the SFDT, the custom data is automatically restored and displayed in the Track Changes pane. In formats other than SFDT (such as DOCX and others), the `customData` is not preserved, as it is specific to the DOCX Editor component.
## Restrict accept or reject by author
@@ -307,16 +307,16 @@ createRoot(document.getElementById('sample')).render();
## Filter Changes by User
-The built-in review panel in the Document Editor supports filtering changes based on the user.
+The built-in review panel in the DOCX Editor supports filtering changes based on the user.

## Online Demo
-Explore how to track and review changes in Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/track-changes).
+Explore how to track and review changes in Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/track-changes).
## Video tutorial
-To learn more about Track Changes in the Document Editor component, refer to the video below.
+To learn more about Track Changes in the DOCX Editor component, refer to the video below.
{% youtube "https://www.youtube.com/watch?v=Ke27Mip4bN0" %}
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Processor/react/troubleshooting/document-loading-issue-with-404-error.md b/Document-Processing/Word/Word-Processor/react/troubleshooting/document-loading-issue-with-404-error.md
index d69821bf85..5d9c0fecbc 100644
--- a/Document-Processing/Word/Word-Processor/react/troubleshooting/document-loading-issue-with-404-error.md
+++ b/Document-Processing/Word/Word-Processor/react/troubleshooting/document-loading-issue-with-404-error.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Document loading issue in React DOCX Editor
-If document loading fails and you see a 404 error in the browser console, the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) is unable to reach a valid Web Service endpoint.
+If document loading fails and you see a 404 error in the browser console, the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) is unable to reach a valid Web Service endpoint.
## Reasons
@@ -18,11 +18,11 @@ The 404 error may occur due to the following reasons:
- **The Web Service is not running or inactive** – When hosting your own Web Service, the server may be stopped, not deployed correctly, or configured such that required endpoints (e.g., `/Import`, `/SpellCheck`) return 404.
- **The configured `serviceUrl` is invalid** – A missing trailing slash (`/`), wrong port, incorrect API route, or typos cause the editor to call invalid endpoints.
-- **The application is using an old or discontinued Document Editor service URL** – When using an old Document Editor service URL that is no longer valid.
+- **The application is using an old or discontinued DOCX Editor service URL** – When using an old DOCX Editor service URL that is no longer valid.
## Solutions
-- Update the application to use the new hosted Document Editor Web Service URL introduced in v31.x.x. For example:
+- Update the application to use the new hosted DOCX Editor Web Service URL introduced in v31.x.x. For example:
```javascript
container.serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/';
diff --git a/Document-Processing/Word/Word-Processor/react/ui-builder-skill.md b/Document-Processing/Word/Word-Processor/react/ui-builder-skill.md
index 66f9896b32..be4510bf80 100644
--- a/Document-Processing/Word/Word-Processor/react/ui-builder-skill.md
+++ b/Document-Processing/Word/Word-Processor/react/ui-builder-skill.md
@@ -2,7 +2,7 @@
layout: post
title: UI Builder Skill with React DOCX Editor | Syncfusion
description: Install Syncfusion React UI Builder to generate production-ready React components with DOCX Editor from natural-language prompts.
-control: Document Editor
+control: DOCX Editor
platform: document-processing
documentation: ug
keywords: React UI Builder, Skills, AI Assistants, DOCX Editor SDK, Agent Skills
@@ -10,14 +10,14 @@ keywords: React UI Builder, Skills, AI Assistants, DOCX Editor SDK, Agent Skills
# UI Builder Skill with React DOCX Editor
-**Syncfusion® React UI Builder Skill** is an AI-powered agent skill that accelerates React Document Editor development by transforming natural-language UI requirements into production-ready code using Syncfusion® React components.
+**Syncfusion® React UI Builder Skill** is an AI-powered agent skill that accelerates React DOCX Editor development by transforming natural-language UI requirements into production-ready code using Syncfusion® React components.
-Integrated with your AI-powered IDE, it leverages deep knowledge of **[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor)** (Document Editor) and other React components to deliver accurate and ready-to-use code.
+Integrated with your AI-powered IDE, it leverages deep knowledge of **[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor)** (Document Editor) and other React components to deliver accurate and ready-to-use code.
By combining intelligent code generation with best practices, accessibility standards, and design-system consistency, React UI Builder helps you rapidly build scalable Document editing applications and user interfaces without leaving your development workflow.
## Prerequisites
-Before installing React UI Builder Skill with Document Editor, ensure the following:
+Before installing React UI Builder Skill with DOCX Editor, ensure the following:
- Install [APM (Agent Package Manager)](https://microsoft.github.io/apm/getting-started/installation/#quick-install-recommended)
- [Node.js](https://nodejs.org/en) version ≥ 18 (required)
@@ -55,7 +55,7 @@ Before installing React UI Builder Skill with Document Editor, ensure the follow
## Installation
-Before installing React UI Builder Skill with Document Editor, ensure that APM (Agent Package Manager) is installed and available in your environment.
+Before installing React UI Builder Skill with DOCX Editor, ensure that APM (Agent Package Manager) is installed and available in your environment.
### Verify APM Installation
@@ -65,9 +65,9 @@ Run the following command to confirm APM is installed:
apm --version
```
-### Install the Syncfusion® React UI Builder Skill with Document Editor package using APM
+### Install the Syncfusion® React UI Builder Skill with DOCX Editor package using APM
-Use the APM CLI to install the React UI Builder Skill with Document Editor for your preferred environment:
+Use the APM CLI to install the React UI Builder Skill with DOCX Editor for your preferred environment:
{% tabs %}
{% highlight bash tabtitle="Copilot" %}
@@ -101,18 +101,18 @@ Refer to the [documentation](https://microsoft.github.io/apm/reference/cli/targe
N> For [Syncfusion® Code Studio](https://help.syncfusion.com/code-studio/reference/configure-properties/custom-agents#predefined-agents), use the Copilot command above to install the React UI Builder.
-## How the Syncfusion® React UI Builder Skill Works with Document Editor
+## How the Syncfusion® React UI Builder Skill Works with DOCX Editor
1. **Intent Analysis:** Parse the user's prompt to identify component types and high-level layout intent.
-2. **Project Detection:** Automatically detects project framework, package manager, existing themes, and Document Editor configuration.
-3. **Component Mapping:** Map intent to Syncfusion® Document Editor and React components, including required modules.
+2. **Project Detection:** Automatically detects project framework, package manager, existing themes, and DOCX Editor configuration.
+3. **Component Mapping:** Map intent to Syncfusion® DOCX Editor and React components, including required modules.
4. **Theming & Design System**
Load required theming guidelines and confirm key design choices:
- CSS framework (Tailwind, Bootstrap, Material, or Greenfield(custom theme)). If no themes detected in the existing project, Greenfield and Syncfusion Tailwind3 theme are shown as the default option, which can be used as is or changed based on preference.
- Syncfusion theme (Tailwind3, Bootstrap5, Material3, fluent2)
- Light and Dark Mode
- Core design basics (colors, spacing, typography, responsiveness, accessibility)
-5. **Code Generation:** Produce TypeScript React components with Document Editor integration, props interfaces, and CSS/styling scaffolding.
+5. **Code Generation:** Produce TypeScript React components with DOCX Editor integration, props interfaces, and CSS/styling scaffolding.
6. **Dependency Management:** Recommend or install required Syncfusion® packages and peer dependencies.
7. **Validation:** Run accessibility and basic security checks, request confirmation for changes.
8. **Code Insertion:** Create files or patch existing files following project structure and conventions.
@@ -128,7 +128,7 @@ N> The assistant handles most stages automatically and may request confirmation
## Using the AI Assistant
-After installing React UI Builder Skill with Document Editor and APM, the relevant agent and skill files are added to your project under:
+After installing React UI Builder Skill with DOCX Editor and APM, the relevant agent and skill files are added to your project under:
- `.agent/skills/` (skill files)
- `.github/agents/` (React UI builder agent configuration, based on the selected target)
@@ -150,13 +150,13 @@ N> For Syncfusion® Code Studio, if the UI Builder agent is not shown, ensure th
{% promptcard Dynamic Toolbar Customization Editor %}
-Build a new React application - Include a sidebar panel on the right side that displays a list of toolbar options with checkboxes for New, Open, Undo and Redo. Add a button at the bottom of the panel labeled **"Apply Changes"**. When users select or deselect the checkboxes and click the button, the toolbar at the top of the Document Editor should dynamically show or hide the corresponding items in real time, providing a customizable editing experience similar to advanced document editors.
+Build a new React application - Include a sidebar panel on the right side that displays a list of toolbar options with checkboxes for New, Open, Undo and Redo. Add a button at the bottom of the panel labeled **"Apply Changes"**. When users select or deselect the checkboxes and click the button, the toolbar at the top of the DOCX Editor should dynamically show or hide the corresponding items in real time, providing a customizable editing experience similar to advanced document editors.
{% endpromptcard %}
{% promptcard Track Changes Toggle Editor %}
-Build a new React application with the Syncfusion Document Editor. Include a toggle switch button at the top-left corner to control track changes. The editor should support real-time change tracking, and the toggle must properly enable or disable this feature.
+Build a new React application with the Syncfusion DOCX Editor. Include a toggle switch button at the top-left corner to control track changes. The editor should support real-time change tracking, and the toggle must properly enable or disable this feature.
{% endpromptcard %}
diff --git a/Document-Processing/Word/Word-Processor/react/unsupported-features.md b/Document-Processing/Word/Word-Processor/react/unsupported-features.md
index 4f73098d11..8c7647e051 100644
--- a/Document-Processing/Word/Word-Processor/react/unsupported-features.md
+++ b/Document-Processing/Word/Word-Processor/react/unsupported-features.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Unsupported Features in React DOCX Editor
-This section describes the unsupported elements in [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor).
+This section describes the unsupported elements in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor).
## Document formatting
diff --git a/Document-Processing/Word/Word-Processor/react/view.md b/Document-Processing/Word/Word-Processor/react/view.md
index eb4a46d7b6..515f58a368 100644
--- a/Document-Processing/Word/Word-Processor/react/view.md
+++ b/Document-Processing/Word/Word-Processor/react/view.md
@@ -12,23 +12,23 @@ domainurl: ##DomainURL##
## Web layout
-[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) Container component allows you to change the view to a web layout or print layout using the [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#layouttype) property with the supported [`LayoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor/layoutType).
+[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) Container component allows you to change the view to a web layout or print layout using the [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#layouttype) property with the supported [`LayoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor/layoutType).
```
```
-N> The default value of [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#layouttype) in the Document Editor Container component is [`Pages`](https://ej2.syncfusion.com/react/documentation/api/document-editor/layoutType).
+N> The default value of [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#layouttype) in the DOCX Editor Container component is [`Pages`](https://ej2.syncfusion.com/react/documentation/api/document-editor/layoutType).
### Online Demo
-Explore how to view Word documents in web layout using the React Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/web-layout).
+Explore how to view Word documents in web layout using the React DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/web-layout).
## Ruler
-The ruler helps you set specific margins, tab stops, and indentations within a document to ensure consistent formatting in the Document Editor.
+The ruler helps you set specific margins, tab stops, and indentations within a document to ensure consistent formatting in the DOCX Editor.
-The following example illustrates how to enable the ruler in the Document Editor.
+The following example illustrates how to enable the ruler in the DOCX Editor.
{% tabs %}
{% highlight js tabtitle="index.jsx" %}
@@ -44,17 +44,17 @@ The following example illustrates how to enable the ruler in the Document Editor
{% previewsample "/document-processing/code-snippet/document-editor/react/ruler-cs1" %}
-> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
+> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the DOCX Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
### Online Demo
-Explore how to use the ruler in the React Document Editor for working with Word documents in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/ruler).
+Explore how to use the ruler in the React DOCX Editor for working with Word documents in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/ruler).
## Heading Navigation Pane
The heading navigation pane allows users to quickly navigate documents by heading, making it easier to move through the document.
-The following example demonstrates how to enable the heading navigation pane in a Document Editor.
+The following example demonstrates how to enable the heading navigation pane in a DOCX Editor.
```ts
import * as ReactDOM from 'react-dom';
@@ -81,8 +81,8 @@ export default App;
ReactDOM.render(, document.getElementById('root'));
```
-> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
+> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the DOCX Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
### Online Demo
-Explore how to navigate through headings in Word documents using the React Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/heading-navigation).
\ No newline at end of file
+Explore how to navigate through headings in Word documents using the React DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/heading-navigation).
diff --git a/Document-Processing/Word/Word-Processor/react/web-services-overview.md b/Document-Processing/Word/Word-Processor/react/web-services-overview.md
index e7c6d1d280..547fb4d7db 100644
--- a/Document-Processing/Word/Word-Processor/react/web-services-overview.md
+++ b/Document-Processing/Word/Word-Processor/react/web-services-overview.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Web Services in Syncfusion React DOCX Editor Control
-You can deploy web APIs for the server-side dependencies of the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component on the following platforms.
+You can deploy web APIs for the server-side dependencies of the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component on the following platforms.
* [ASP.NET Core](./web-services/core)
* [ASP.NET MVC](./web-services/mvc)
@@ -20,11 +20,11 @@ You can deploy web APIs for the server-side dependencies of the [React Document
|Operations|When client-server communication will be triggered?|What type of data will be transferred between client and server?|
|------------|--------------------------------------|------------------------|
-|[Open file formats other than SFDT](./import#convert-word-documents-into-sfdt)|When opening the document other than SFDT (React Document Editor's native file format), the server-side web API is invoked from client-side script.|**Client**: Sends the input file.
**Server**: Receives the input file and sends the converted SFDT back to the client.
The server-side web API internally extracts the content from the document (DOCX, DOC, WordML, RTF, HTML) using Word library (DocIO) and converts it into SFDT for opening the document in Document Editor.|
+|[Open file formats other than SFDT](./import#convert-word-documents-into-sfdt)|When opening the document other than SFDT (React DOCX Editor's native file format), the server-side web API is invoked from client-side script.|**Client**: Sends the input file.
**Server**: Receives the input file and sends the converted SFDT back to the client.
The server-side web API internally extracts the content from the document (DOCX, DOC, WordML, RTF, HTML) using Word library (DocIO) and converts it into SFDT for opening the document in DOCX Editor.|
|[Paste with formatting](./clipboard#paste-with-formatting)|When pasting the formatted content (HTML/RTF) received from system clipboard. For converting HTML/RTF to SFDT format.
**Note**: Whereas plain text received from system clipboard will be pasted directly in the client-side.|**Client**: Sends the input Html or Rtf string.
**Server**: Receives the input Html or Rtf string and sends the converted SFDT back to the client.|
|[Restrict editing](./restrict-editing)|When protecting the document, for generating hash.|**Client**: Sends the input data for hashing algorithm.
**Server**: Receives the input data for hashing algorithm and sends the result hash information back to the client.|
-|[Spellcheck](./spell-check)(default)|When the spellchecker is enabled on client-side Document Editor, and it performs the spell check validation for words in the document.|**Client**: Sends the words (string) with their language for spelling validation.
**Server**: Receives the words (string) with their language for spelling validation and sends the validation result as JSON back to the client.|
-|[SpellCheckByPage](./spell-check)|Document Editor provides options to spellcheck page by page when loading the documents. By [enabling optimized spell check](./spell-check#enableoptimizedspellcheck) in client-side, you can perform spellcheck page by page when loading the documents.|**Client**: Sends the words (string) with their language for spelling validation.
**Server**: Receives the words (string) with their language for spelling validation and sends the validation result as JSON back to the client.|
+|[Spellcheck](./spell-check)(default)|When the spellchecker is enabled on client-side DOCX Editor, and it performs the spell check validation for words in the document.|**Client**: Sends the words (string) with their language for spelling validation.
**Server**: Receives the words (string) with their language for spelling validation and sends the validation result as JSON back to the client.|
+|[SpellCheckByPage](./spell-check)|DOCX Editor provides options to spellcheck page by page when loading the documents. By [enabling optimized spell check](./spell-check#enableoptimizedspellcheck) in client-side, you can perform spellcheck page by page when loading the documents.|**Client**: Sends the words (string) with their language for spelling validation.
**Server**: Receives the words (string) with their language for spelling validation and sends the validation result as JSON back to the client.|
|[Save as file formats other than SFDT and DOCX](./saving-documents/server-side-export) (optional API)|You can configure this API, if you want to save the document in file format other than DOCX and SFDT.
For saving the files as WordML, DOC, RTF, HTML, ODT, Text using Word library (DocIO) and PDF using Word (DocIO) and PDF libraries.|You can transfer document from client to server either as SFDT or DOCX format.
First option (SFDT):
**Client**: Sends the SFDT.
**Server**: Receives the SFDT and saves the converted document as any file format supported by [Word library (DocIO)](https://www.syncfusion.com/word-framework/net/word-library) in server or sends the saved file to the client browser.
Second option (DOCX):
**Client**: Sends the DOCX file.
**Server**: Receives the DOCX file and saves the converted document as any file format supported by [Word library (DocIO)](https://www.syncfusion.com/word-framework/net/word-library) in server or sends the saved file to the client browser.|
N> If you don't require the above functionalities, you can deploy the component as a pure client-side solution without any server-side interactions.
@@ -47,14 +47,14 @@ Please check the table below for the expected web API structure.
|SystemClipboard|CustomerParameter: content(type string either rtf or html) and type(either .rtf or .html) |json(sfdt format) |
|RestrictEditing |Parameter of type CustomRestrictParameter
public class CustomRestrictParameter
{
public string passwordBase64 { get; set; }
public string saltBase64 { get; set; }
public int spinCount { get; set; }
} |result hash information |
|SpellCheck(default) |Parameter: SpellCheckJsonData
public class SpellCheckJsonData
{
public int LanguageID { get; set; }
public string TexttoCheck { get; set; }
public bool CheckSpelling { get; set; }
public bool CheckSuggestion { get; set; }
public bool AddWord { get; set; }
} |Json type of Spellcheck containing details of spell checked word |
-|SpellCheckByPage |Parameter: SpellCheckJsonData
public class SpellCheckJsonData
{
public int LanguageID { get; set; }
public string TexttoCheck { get; set; }
public bool CheckSpelling { get; set; }
public bool CheckSuggestion { get; set; }
public bool AddWord { get; set; }
} |Json type of Spellcheck containing details of spell checked word
**Note**: Document Editor provides options to spellcheck page by page when loading the documents. By [enabling optimized spell check](./spell-check#enableoptimizedspellcheck) in client-side, you can perform spellcheck page by page when loading the documents. |
+|SpellCheckByPage |Parameter: SpellCheckJsonData
public class SpellCheckJsonData
{
public int LanguageID { get; set; }
public string TexttoCheck { get; set; }
public bool CheckSpelling { get; set; }
public bool CheckSuggestion { get; set; }
public bool AddWord { get; set; }
} |Json type of Spellcheck containing details of spell checked word
**Note**: DOCX Editor provides options to spellcheck page by page when loading the documents. By [enabling optimized spell check](./spell-check#enableoptimizedspellcheck) in client-side, you can perform spellcheck page by page when loading the documents. |
|Save(optional API) |parameter: SaveParameter
public class SaveParameter
{
public string Content { get; set; }
public string FileName { get; set; }
} |void(Save the file as file stream) |
|ExportSFDT(optional API) |parameter: SaveParameter
public class SaveParameter
{
public string Content { get; set; }
public string FileName { get; set; }
} |FileStreamResult (to save the document in client-side) |
|Export(optional API) |Files(IFormCollection) |FileStreamResult (to save the document in client-side) |
## Customize the expected method name
-Document Editor component provides an option to customize the expected method name for Import, SystemClipboard, RestrictEditing and SpellCheck using [serverActionSettings](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#serveractionsettings).
+DOCX Editor component provides an option to customize the expected method name for Import, SystemClipboard, RestrictEditing and SpellCheck using [serverActionSettings](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#serveractionsettings).
The following example code illustrates how to customize the method name using serverActionSettings.
@@ -92,11 +92,11 @@ ReactDOM.render(, document.getElementById('root'));
```
-> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
+> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the DOCX Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
## Add custom headers to XMLHttpRequest
-Document Editor component provides an option to add custom headers to the XMLHttpRequest using the [`headers`](https://help.syncfusion.com/document-processing/word/word-processor/react/header-footer).
+DOCX Editor component provides an option to add custom headers to the XMLHttpRequest using the [`headers`](https://help.syncfusion.com/document-processing/word/word-processor/react/header-footer).
```ts
import * as ReactDOM from 'react-dom';
@@ -129,11 +129,11 @@ ReactDOM.render(, document.getElementById('root'));
```
-> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
+> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the DOCX Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
## Modify the XMLHttpRequest before sending the request
-Document Editor component provides an option to modify the XMLHttpRequest object (setting additional headers, if needed) using the [`beforeXmlHttpRequestSend`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#beforexmlhttprequestsend) event, which gets triggered before a server request.
+DOCX Editor component provides an option to modify the XMLHttpRequest object (setting additional headers, if needed) using the [`beforeXmlHttpRequestSend`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#beforexmlhttprequestsend) event, which gets triggered before a server request.
You can customize the required [`XMLHttpRequest`](https://ej2.syncfusion.com/react/documentation/api/document-editor/xmlHttpRequestEventArgs) properties.
@@ -187,6 +187,6 @@ ReactDOM.render(, document.getElementById('root'));
```
-> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
+> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the DOCX Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
N> The customizable serverActionType values are `'Import' | 'RestrictEditing' | 'SpellCheck' | 'SystemClipboard'`.
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Processor/react/web-services/core.md b/Document-Processing/Word/Word-Processor/react/web-services/core.md
index a3bd466650..0ac5cb5661 100644
--- a/Document-Processing/Word/Word-Processor/react/web-services/core.md
+++ b/Document-Processing/Word/Word-Processor/react/web-services/core.md
@@ -24,9 +24,9 @@ This section explains how to create the service for DocumentEditor in ASP.NET Co
## Importing Word documents
-As the Document Editor client-side script requires the document in SFDT file format, you can convert the Word documents (.dotx,.docx,.docm,.dot,.doc), rich text format documents (.rtf), and text documents (.txt) into SFDT format by using this Web API.
+As the DOCX Editor client-side script requires the document in SFDT file format, you can convert the Word documents (.dotx,.docx,.docm,.dot,.doc), rich text format documents (.rtf), and text documents (.txt) into SFDT format by using this Web API.
-The following example code illustrates how to write a Web API for importing Word documents into the Document Editor component.
+The following example code illustrates how to write a Web API for importing Word documents into the DOCX Editor component.
```csharp
[AcceptVerbs("Post")]
@@ -54,7 +54,7 @@ The following example code illustrates how to write a Web API for importing Word
### Import a document with TIFF, EMF, and WMF images
-Web browsers do not support displaying metafile images like EMF and WMF, or TIFF format images. As a fallback approach, you can convert the metafile/TIFF format image to a raster image using any image converter in the `MetafileImageParsed` event, and this fallback raster image will be displayed in the client-side Document Editor component.
+Web browsers do not support displaying metafile images like EMF and WMF, or TIFF format images. As a fallback approach, you can convert the metafile/TIFF format image to a raster image using any image converter in the `MetafileImageParsed` event, and this fallback raster image will be displayed in the client-side DOCX Editor component.
N> In the `MetafileImageParsedEventArgs` event argument, you can get the metafile stream using the `MetafileStream` property, and you can get the `IsMetafile` boolean value to determine whether the image is a metafile image (WMF, EMF) or a TIFF format image. In the example below, the TIFF is converted to a raster image in the `ConvertTiffToRasterImage()` method using [BitMiracle.LibTiff.NET](https://www.nuget.org/packages/BitMiracle.LibTiff.NET).
@@ -214,11 +214,11 @@ The following example code illustrates how to write a Web API for paste with for
}
```
-N> Web browsers do not support displaying metafile images like EMF and WMF. As a fallback approach, you can convert the metafile to a raster image using any image converter in the `MetafileImageParsed` event, and this fallback raster image will be displayed in the client-side Document Editor component.
+N> Web browsers do not support displaying metafile images like EMF and WMF. As a fallback approach, you can convert the metafile to a raster image using any image converter in the `MetafileImageParsed` event, and this fallback raster image will be displayed in the client-side DOCX Editor component.
## Restrict editing
-This Web API generates a hash from the specified password and salt value which is required for the restrict editing functionality of the Document Editor component.
+This Web API generates a hash from the specified password and salt value which is required for the restrict editing functionality of the DOCX Editor component.
The following example code illustrates how to write a Web API to restrict editing.
@@ -244,17 +244,17 @@ The following example code illustrates how to write a Web API to restrict editin
## Spell Check
-Document Editor supports spell checking for input text. It identifies misspelled words and provides suggestions through a dialog and the context menu. The Document Editor client-side script requires this Web API to display error words and suggestions. This Web API returns a JSON response containing details about misspelled words and their suggestions.
+DOCX Editor supports spell checking for input text. It identifies misspelled words and provides suggestions through a dialog and the context menu. The DOCX Editor client-side script requires this Web API to display error words and suggestions. This Web API returns a JSON response containing details about misspelled words and their suggestions.
### Dictionary setup
-The Document Editor performs spell checking using [Hunspell dictionary files](https://github.com/wooorm/dictionaries). These dictionaries can be obtained from their respective sources.
+The DOCX Editor performs spell checking using [Hunspell dictionary files](https://github.com/wooorm/dictionaries). These dictionaries can be obtained from their respective sources.
To set up spell checking, place the required dictionary files, including the .dic, .aff, and JSON configuration file, inside the `App_Data` folder in your project. To support a personal dictionary, place an empty .dic file in the same `App_Data` folder.
Refer to the following screenshot for the folder structure.
-
+
The JSON file should contain the configuration details in the following format:
@@ -323,7 +323,7 @@ public Startup(IConfiguration configuration, IWebHostEnvironment env)
### Web API for word-by-word spell check
-This Web API performs spell checking word by word and returns a JSON response containing information about error words and suggestions, if any. By default, word-by-word spell checking is performed in the Document Editor when spell check is enabled on the client side.
+This Web API performs spell checking word by word and returns a JSON response containing information about error words and suggestions, if any. By default, word-by-word spell checking is performed in the DOCX Editor when spell check is enabled on the client side.
The following example code illustrates how to write a Web API for word-by-word spell checking.
diff --git a/Document-Processing/Word/Word-Processor/react/web-services/java.md b/Document-Processing/Word/Word-Processor/react/web-services/java.md
index 611231027b..8670335991 100644
--- a/Document-Processing/Word/Word-Processor/react/web-services/java.md
+++ b/Document-Processing/Word/Word-Processor/react/web-services/java.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Java Web Service in React DOCX Editor
-This page illustrates how to create a web service in Java for the server-side dependencies of the Word Processor component (a.k.a. Document Editor). Document Editor depends on server-side interactions for the operations listed below, which can be written in Java using the `syncfusion-ej2-wordprocessor.jar` file.
+This page illustrates how to create a web service in Java for the server-side dependencies of the Word Processor component (a.k.a. Document Editor). DOCX Editor depends on server-side interactions for the operations listed below, which can be written in Java using the `syncfusion-ej2-wordprocessor.jar` file.
* Import Word Document
* Paste with formatting
@@ -107,11 +107,11 @@ This section explains how to create the Java web service for DocumentEditor.
## Importing Word documents
-As the Document Editor client-side script requires the document in SFDT file format, you can convert the Word documents (.dotx,.docx,.docm), rich text format documents (.rtf), and text documents (.txt) into SFDT format by using this Web API.
+As the DOCX Editor client-side script requires the document in SFDT file format, you can convert the Word documents (.dotx,.docx,.docm), rich text format documents (.rtf), and text documents (.txt) into SFDT format by using this Web API.
-N> The Document Editor Java library does not support the **DOC format** Word document. As the DOC format is an older file format, we recommend using the DOCX file format to take advantage of the latest features.
+N> The DOCX Editor Java library does not support the **DOC format** Word document. As the DOC format is an older file format, we recommend using the DOCX file format to take advantage of the latest features.
-The following example code illustrates how to write a Web API for importing Word documents into the Document Editor component.
+The following example code illustrates how to write a Web API for importing Word documents into the DOCX Editor component.
```java
@CrossOrigin(origins = "*", allowedHeaders = "*")
@@ -128,7 +128,7 @@ The following example code illustrates how to write a Web API for importing Word
### Import a document with TIFF, EMF, and WMF images
-Web browsers do not support displaying metafile images like EMF and WMF, or TIFF format images. As a fallback approach, you can convert the metafile/TIFF format image to a raster image using any image converter in the `MetafileImageParsed` event, and this fallback raster image will be displayed in the client-side Document Editor component.
+Web browsers do not support displaying metafile images like EMF and WMF, or TIFF format images. As a fallback approach, you can convert the metafile/TIFF format image to a raster image using any image converter in the `MetafileImageParsed` event, and this fallback raster image will be displayed in the client-side DOCX Editor component.
N> In the `MetafileImageParsedEventArgs` event argument, you can get the metafile stream using the `getMetafileStream()` property, and you can get the `getIsMetafile()` boolean value to determine whether the image is a metafile image (WMF, EMF) or a TIFF format image. In the example below, the TIFF is converted to a raster image in the `ConvertTiffToRasterImage()` method using the TwelveMonkeys ImageIO TIFF library.
@@ -321,11 +321,11 @@ The following example code illustrates how to write a Web API for paste with for
}
```
-N> Web browsers do not support displaying metafile images like EMF and WMF. As a fallback approach, you can convert the metafile to a raster image using any image converter in the `MetafileImageParsed` event, and this fallback raster image will be displayed in the client-side Document Editor component.
+N> Web browsers do not support displaying metafile images like EMF and WMF. As a fallback approach, you can convert the metafile to a raster image using any image converter in the `MetafileImageParsed` event, and this fallback raster image will be displayed in the client-side DOCX Editor component.
## Restrict editing
-This Web API generates a hash from the specified password and salt value which is required for the restrict editing functionality of the Document Editor component.
+This Web API generates a hash from the specified password and salt value which is required for the restrict editing functionality of the DOCX Editor component.
The following example code illustrates how to write a Web API to restrict editing.
@@ -372,7 +372,7 @@ The following example code illustrates how to write a Web API to restrict editin
## Spell Check
-Document Editor supports performing spell checking for any input text. You can perform spell checking for the text in Document Editor and it will provide suggestions for the misspelled words through a dialog and the context menu. The Document Editor client-side script requires this Web API to display error words and list suggestions in the context menu. This Web API returns a JSON response containing details about the spell-checked words, including error words and suggestions if any.
+DOCX Editor supports performing spell checking for any input text. You can perform spell checking for the text in DOCX Editor and it will provide suggestions for the misspelled words through a dialog and the context menu. The DOCX Editor client-side script requires this Web API to display error words and list suggestions in the context menu. This Web API returns a JSON response containing details about the spell-checked words, including error words and suggestions if any.
To know more about configuring spell check, refer to this [link](https://github.com/SyncfusionExamples/EJ2-Document-Editor-Web-Services/tree/master/Java#steps-to-configure-spell-checker).
@@ -403,11 +403,11 @@ In the controller file, you can configure the spell check files as below:
}
```
-Document Editor provides options to spell check word by word and spell check page by page when loading documents.
+DOCX Editor provides options to spell check word by word and spell check page by page when loading documents.
### Spell check word by word
-This Web API performs the spell check word by word and returns the JSON which contains information about error words and suggestions if any. By default, spell check word by word is performed in the Document Editor when spell check is enabled on the client side.
+This Web API performs the spell check word by word and returns the JSON which contains information about error words and suggestions if any. By default, spell check word by word is performed in the DOCX Editor when spell check is enabled on the client side.
The following example code illustrates how to write a Web API for spell check word by word.
diff --git a/Document-Processing/Word/Word-Processor/react/web-services/mvc.md b/Document-Processing/Word/Word-Processor/react/web-services/mvc.md
index 86e9cf3713..1f26cda94b 100644
--- a/Document-Processing/Word/Word-Processor/react/web-services/mvc.md
+++ b/Document-Processing/Word/Word-Processor/react/web-services/mvc.md
@@ -22,9 +22,9 @@ This section explains how to create the service for DocumentEditor in ASP.NET MV
## Importing Word documents
-As the Document Editor client-side script requires the document in SFDT file format, you can convert the Word documents (.dotx,.docx,.docm,.dot,.doc), rich text format documents (.rtf), and text documents (.txt) into SFDT format by using this Web API.
+As the DOCX Editor client-side script requires the document in SFDT file format, you can convert the Word documents (.dotx,.docx,.docm,.dot,.doc), rich text format documents (.rtf), and text documents (.txt) into SFDT format by using this Web API.
-The following example code illustrates how to write a Web API for importing Word documents into the Document Editor component.
+The following example code illustrates how to write a Web API for importing Word documents into the DOCX Editor component.
```csharp
[HttpPost]
@@ -88,7 +88,7 @@ The following example code illustrates how to write a Web API for paste with for
## Restrict editing
-This Web API generates a hash from the specified password and salt value which is required for the restrict editing functionality of the Document Editor component.
+This Web API generates a hash from the specified password and salt value which is required for the restrict editing functionality of the DOCX Editor component.
The following example code illustrates how to write a Web API to restrict editing.
@@ -114,7 +114,7 @@ The following example code illustrates how to write a Web API to restrict editin
## Spell Check
-Document Editor supports performing spell checking for any input text. You can perform spell checking for the text in Document Editor and it will provide suggestions for the misspelled words through a dialog and the context menu. The Document Editor client-side script requires this Web API to display error words and list suggestions in the context menu. This Web API returns a JSON response containing details about the spell-checked words, including error words and suggestions if any.
+DOCX Editor supports performing spell checking for any input text. You can perform spell checking for the text in DOCX Editor and it will provide suggestions for the misspelled words through a dialog and the context menu. The DOCX Editor client-side script requires this Web API to display error words and list suggestions in the context menu. This Web API returns a JSON response containing details about the spell-checked words, including error words and suggestions if any.
To know more about configuring spell check, refer to this [link](https://github.com/SyncfusionExamples/EJ2-Document-Editor-Web-Services/tree/master/ASP.NET%20MVC#steps-to-configure-spell-checker).
@@ -147,11 +147,11 @@ In the `Global.asax.cs` file, you can configure the spell check files as below:
}
```
-Document Editor provides options to spell check word by word and spell check page by page when loading documents.
+DOCX Editor provides options to spell check word by word and spell check page by page when loading documents.
### Spell check word by word
-This Web API performs the spell check word by word and returns the JSON which contains information about error words and suggestions if any. By default, spell check word by word is performed in the Document Editor when spell check is enabled on the client side.
+This Web API performs the spell check word by word and returns the JSON which contains information about error words and suggestions if any. By default, spell check word by word is performed in the DOCX Editor when spell check is enabled on the client side.
The following example code illustrates how to write a Web API for spell check word by word.
From ed84cf99e4fc96dfe2b1f702572380e3f27eb88c Mon Sep 17 00:00:00 2001
From: Kalaivannan-Ganesan
<93248069+Kalaivannan-Ganesan@users.noreply.github.com>
Date: Thu, 27 Aug 2026 15:34:05 +0530
Subject: [PATCH 2/6] Reverted DOCX Editor container to Document Editor
container
---
Document-Processing/Word/Word-Processor/react/export.md | 2 +-
.../Word/Word-Processor/react/global-local.md | 2 +-
.../react/how-to/add-save-button-in-toolbar.md | 2 +-
.../Word-Processor/react/how-to/change-document-view.md | 5 +++--
.../how-to/enable-ruler-in-document-editor-component.md | 6 +++---
.../react/how-to/hide-tool-bar-and-properties-pane.md | 6 +++---
.../Word-Processor/react/how-to/open-default-document.md | 6 +++---
.../Word/Word-Processor/react/how-to/read-by-default.md | 2 +-
Document-Processing/Word/Word-Processor/react/ribbon.md | 4 ++--
Document-Processing/Word/Word-Processor/react/view.md | 2 +-
10 files changed, 19 insertions(+), 18 deletions(-)
diff --git a/Document-Processing/Word/Word-Processor/react/export.md b/Document-Processing/Word/Word-Processor/react/export.md
index b31dbaaa84..39f9309f9e 100644
--- a/Document-Processing/Word/Word-Processor/react/export.md
+++ b/Document-Processing/Word/Word-Processor/react/export.md
@@ -14,7 +14,7 @@ domainurl: ##DomainURL##
Two types of save APIs are provided as mentioned below.
-|API name|Purpose|Code Snippet for DOCX Editor|Code Snippet for DOCX Editor Container|
+|API name|Purpose|Code Snippet for DOCX Editor|Code Snippet for Document Editor Container|
|--------|---------|----------|----------|
|save(filename,FormatType):void
FormatType: Sfdt or Docx or Txt|Creates the document with specified file name and format type. Then, the created file is downloaded in the client browser by default.|documenteditor.save('sample', 'Docx')|container.documentEditor.save('sample', 'Docx')|
|saveAsBlob(FormatType):Blob|Creates the document in specified format type and returns the created document as Blob.
This blob can be uploaded to your required server, database, or file path.|documenteditor.saveAsBlob('Docx')|container.documentEditor.saveAsBlob('Docx')|
diff --git a/Document-Processing/Word/Word-Processor/react/global-local.md b/Document-Processing/Word/Word-Processor/react/global-local.md
index 226d00477d..448a580036 100644
--- a/Document-Processing/Word/Word-Processor/react/global-local.md
+++ b/Document-Processing/Word/Word-Processor/react/global-local.md
@@ -363,7 +363,7 @@ Reject Changes | Reject Changes
User | User
View | View
-## DOCX Editor Container
+## Document Editor Container
The following list of properties and its values are used in the document editor container.
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/add-save-button-in-toolbar.md b/Document-Processing/Word/Word-Processor/react/how-to/add-save-button-in-toolbar.md
index 4b46d3b518..1476d67b23 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/add-save-button-in-toolbar.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/add-save-button-in-toolbar.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# How to Add Save Button in Toolbar in React DOCX Editor
-## To Add a Save Button to the Existing Toolbar in the DOCX Editor Container
+## To Add a Save Button to the Existing Toolbar in the Document Editor Container
[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) Container allows you to add a new button to the existing items in a toolbar using [`CustomToolbarItemModel`](https://ej2.syncfusion.com/react/documentation/api/document-editor/customToolbarItemModel) and with existing items in [`toolbarItems`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#toolbaritems) property. Newly added item click action can be defined in [`toolbarClick`](https://ej2.syncfusion.com/react/documentation/api/toolbar/clickEventArgs).
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/change-document-view.md b/Document-Processing/Word/Word-Processor/react/how-to/change-document-view.md
index 9a98187676..e272e46d83 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/change-document-view.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/change-document-view.md
@@ -22,10 +22,11 @@ N> Default value of [`layoutType`](https://ej2.syncfusion.com/react/documentatio
## How to change the document view in the DocumentEditorContainer component
-The DOCX Editor Container component allows you to change the view to web layout or print layout using the [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#layouttype) property with the supported [`LayoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor/layoutType).
+The Document Editor Container component allows you to change the view to web layout or print layout using the [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#layouttype) property with the supported [`LayoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor/layoutType).
```
```
-N> Default value of [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#layouttype) in the DOCX Editor Container component is [`Pages`](https://ej2.syncfusion.com/react/documentation/api/document-editor/layoutType).
+N> Default value of [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#layouttype) in the Document Editor Container component is [`Pages`](https://ej2.syncfusion.com/react/documentation/api/document-editor/layoutType).
+
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/enable-ruler-in-document-editor-component.md b/Document-Processing/Word/Word-Processor/react/how-to/enable-ruler-in-document-editor-component.md
index 2a9b3afcff..509e83080b 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/enable-ruler-in-document-editor-component.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/enable-ruler-in-document-editor-component.md
@@ -31,11 +31,11 @@ The following example illustrates how to enable ruler in DOCX Editor
N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the DOCX Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
-## How to enable ruler in React DOCX Editor Container component
+## How to enable ruler in React Document Editor Container component
-The ruler helps you set specific margins, tab stops, or indentations within a document to ensure consistent formatting in DOCX Editor Container.
+The ruler helps you set specific margins, tab stops, or indentations within a document to ensure consistent formatting in Document Editor Container.
-The following example illustrates how to enable ruler in DOCX Editor Container.
+The following example illustrates how to enable ruler in Document Editor Container.
{% tabs %}
{% highlight js tabtitle="index.jsx" %}
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/hide-tool-bar-and-properties-pane.md b/Document-Processing/Word/Word-Processor/react/how-to/hide-tool-bar-and-properties-pane.md
index 60ab3eb99e..681de1f17f 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/hide-tool-bar-and-properties-pane.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/hide-tool-bar-and-properties-pane.md
@@ -10,13 +10,13 @@ domainurl: ##DomainURL##
# How to Hide Toolbar and Properties Pane in React DOCX Editor
-**DOCX Editor Container** provides the main document view area along with the built-in toolbar and properties pane.
+**Document Editor Container** provides the main document view area along with the built-in toolbar and properties pane.
**DOCX Editor** provides just the main document view area. Here, the user can compose, view, and edit the Word documents. You may prefer to use this component when you want to design your own UI options for your application.
## Hide the properties pane
-By default, DOCX Editor Container has built-in properties pane which contains options for formatting text, tables, images, headers, and footers. You can use [`showPropertiesPane`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#showpropertiespane) API in [`DocumentEditorContainer`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel) to hide the properties pane.
+By default, Document Editor Container has built-in properties pane which contains options for formatting text, tables, images, headers, and footers. You can use [`showPropertiesPane`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#showpropertiespane) API in [`DocumentEditorContainer`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel) to hide the properties pane.
The following example code illustrates how to hide the properties pane.
@@ -46,7 +46,7 @@ ReactDOM.render(, document.getElementById('sample'));
N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the DOCX Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
-N> Positioning and customizing the properties pane in the DOCX Editor Container is not possible. Instead, you can hide the existing properties pane and create your own pane using public APIs.
+N> Positioning and customizing the properties pane in the Document Editor Container is not possible. Instead, you can hide the existing properties pane and create your own pane using public APIs.
## Hide the toolbar
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/open-default-document.md b/Document-Processing/Word/Word-Processor/react/how-to/open-default-document.md
index 7b18f13684..597bd0a4e3 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/open-default-document.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/open-default-document.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# How to Open a Default Document in React DOCX Editor
-In this article, we are going to see how to open a default document when DOCX Editor & DOCX Editor Container are initialized.
+In this article, we are going to see how to open a default document when DOCX Editor & Document Editor Container are initialized.
## Opening a default document in DocumentEditor
@@ -38,9 +38,9 @@ N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-ed
## Opening a default document in DocumentEditorContainer
-By default, DOCX Editor Container will open a blank document. You can use [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) API in DOCX Editor to open the SFDT content.
+By default, Document Editor Container will open a blank document. You can use [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) API in DOCX Editor to open the SFDT content.
-DOCX Editor Container has [`created`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#created) event which gets triggered once DOCX Editor Container control is created. So, if you want to open the document by default, you can use the `open` and `created` APIs.
+Document Editor Container has [`created`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#created) event which gets triggered once Document Editor Container control is created. So, if you want to open the document by default, you can use the `open` and `created` APIs.
{% tabs %}
{% highlight js tabtitle="index.jsx" %}
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/read-by-default.md b/Document-Processing/Word/Word-Processor/react/how-to/read-by-default.md
index a780401b17..fd6d360b9b 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/read-by-default.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/read-by-default.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# How to Open React DOCX Editor in Read-Only Mode
-In this article, we are going to see how to open a document in read-only mode by default in the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) & DOCX Editor Container.
+In this article, we are going to see how to open a document in read-only mode by default in the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) & Document Editor Container.
## Opening a document in read-only mode by default in DocumentEditor
diff --git a/Document-Processing/Word/Word-Processor/react/ribbon.md b/Document-Processing/Word/Word-Processor/react/ribbon.md
index 92d6a569e8..0fbf803f78 100644
--- a/Document-Processing/Word/Word-Processor/react/ribbon.md
+++ b/Document-Processing/Word/Word-Processor/react/ribbon.md
@@ -51,7 +51,7 @@ DocumentEditorContainerComponent.Inject(Toolbar, Ribbon);
const Default = () => {
let hostUrl = "https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/";
let container = React.useRef(null);
- // Initialize the DOCX Editor Container with Ribbon mode enabled
+ // Initialize the Document Editor Container with Ribbon mode enabled
return (
@@ -99,7 +99,7 @@ DocumentEditorContainerComponent.Inject(Toolbar, Ribbon);
const Default = () => {
let hostUrl = "https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/";
let container = React.useRef(null);
- // Configure the DOCX Editor Container with the Classic ribbon layout
+ // Configure the Document Editor Container with the Classic ribbon layout
return (
diff --git a/Document-Processing/Word/Word-Processor/react/view.md b/Document-Processing/Word/Word-Processor/react/view.md
index 515f58a368..c85ba71b54 100644
--- a/Document-Processing/Word/Word-Processor/react/view.md
+++ b/Document-Processing/Word/Word-Processor/react/view.md
@@ -18,7 +18,7 @@ domainurl: ##DomainURL##
```
-N> The default value of [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#layouttype) in the DOCX Editor Container component is [`Pages`](https://ej2.syncfusion.com/react/documentation/api/document-editor/layoutType).
+N> The default value of [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#layouttype) in the Document Editor Container component is [`Pages`](https://ej2.syncfusion.com/react/documentation/api/document-editor/layoutType).
### Online Demo
From b7a6c22eed62d58e8dec7a502f3750e7f77a5bc1 Mon Sep 17 00:00:00 2001
From: Kalaivannan-Ganesan
<93248069+Kalaivannan-Ganesan@users.noreply.github.com>
Date: Thu, 27 Aug 2026 15:53:26 +0530
Subject: [PATCH 3/6] Reverted the changes for Document Editor Container -
Phase2
---
Document-Processing/Word/Word-Processor/react/comments.md | 2 +-
Document-Processing/Word/Word-Processor/react/form-fields.md | 2 +-
.../Word/Word-Processor/react/how-to/customize-color-picker.md | 2 +-
.../Word/Word-Processor/react/how-to/customize-context-menu.md | 2 +-
Document-Processing/Word/Word-Processor/react/print.md | 2 +-
5 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md
index 6bcd3784c5..39897801f4 100644
--- a/Document-Processing/Word/Word-Processor/react/comments.md
+++ b/Document-Processing/Word/Word-Processor/react/comments.md
@@ -126,7 +126,7 @@ DOCX Editor provides support for protecting the document with `CommentsOnly` pro
DOCX Editor provides an option to protect and unprotect document using [`enforceProtection`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#enforceprotection) and [`stopProtection`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#stopprotection) API.
-The following example code illustrates how to enforce and stop protection in DOCX Editor container.
+The following example code illustrates how to enforce and stop protection in Document Editor container.
```ts
import { createRoot } from 'react-dom/client';
diff --git a/Document-Processing/Word/Word-Processor/react/form-fields.md b/Document-Processing/Word/Word-Processor/react/form-fields.md
index 612e78dea6..c9d5f8f7cf 100644
--- a/Document-Processing/Word/Word-Processor/react/form-fields.md
+++ b/Document-Processing/Word/Word-Processor/react/form-fields.md
@@ -126,7 +126,7 @@ DOCX Editor provides support for protecting the document with `FormFieldsOnly` p
DOCX Editor provides an option to protect and unprotect document using [`enforceProtection`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#enforceprotection) and [`stopProtection`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#stopprotection) API.
-The following example code illustrates how to enforce and stop protection in DOCX Editor container.
+The following example code illustrates how to enforce and stop protection in Document Editor container.
```ts
import { createRoot } from 'react-dom/client';
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/customize-color-picker.md b/Document-Processing/Word/Word-Processor/react/how-to/customize-color-picker.md
index 2382492de9..9cab649b81 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/customize-color-picker.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/customize-color-picker.md
@@ -13,7 +13,7 @@ domainurl: ##DomainURL##
Similarly, you can also use the [`documentEditorSettings`](https://ej2.syncfusion.com/react/documentation/api/document-editor#documenteditorsettings) property for the standalone DocumentEditor.
-The following example code illustrates how to customize the color picker in the DOCX Editor container.
+The following example code illustrates how to customize the color picker in the Document Editor container.
```ts
import * as ReactDOM from 'react-dom';
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/customize-context-menu.md b/Document-Processing/Word/Word-Processor/react/how-to/customize-context-menu.md
index b9d196bd8a..65f1907762 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/customize-context-menu.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/customize-context-menu.md
@@ -238,7 +238,7 @@ N> The Web Service link `https://document.syncfusion.com/web-services/docx-edito
The DOCX Editor allows you to customize the context menu with sub-menu items. It can be achieved by using the [`addCustomMenu()`](https://ej2.syncfusion.com/react/documentation/api/document-editor/contextmenu#addcustommenu) method.
-The following code shows how to add sub-items inside a custom context menu option in the DOCX Editor container.
+The following code shows how to add sub-items inside a custom context menu option in the Document Editor container.
```ts
import * as ReactDOM from 'react-dom';
diff --git a/Document-Processing/Word/Word-Processor/react/print.md b/Document-Processing/Word/Word-Processor/react/print.md
index 36fa8d6825..19c77e8ea3 100644
--- a/Document-Processing/Word/Word-Processor/react/print.md
+++ b/Document-Processing/Word/Word-Processor/react/print.md
@@ -51,7 +51,7 @@ N> 2. To enable print for a DOCX Editor instance, set `enablePrint` as true.
The DOCX Editor provides an option to improve the print quality using [`printDevicePixelRatio`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#printdevicepixelratio) in Document Editor settings. The DOCX Editor uses a canvas approach to render content. The canvas is then converted to an image and processed for print. Using the `printDevicePixelRatio` API, you can increase the image quality based on your requirement.
-The following example code illustrates how to improve the print quality in the DOCX Editor container.
+The following example code illustrates how to improve the print quality in the Document Editor container.
```ts
import { createRoot } from 'react-dom/client';
From 4907a8b5c80bd16a4244258859c1719dea717064 Mon Sep 17 00:00:00 2001
From: Kalaivannan-Ganesan
<93248069+Kalaivannan-Ganesan@users.noreply.github.com>
Date: Thu, 27 Aug 2026 16:08:39 +0530
Subject: [PATCH 4/6] Reverted the changes in comments
---
Document-Processing/Word/Word-Processor/react/comments.md | 4 ++--
.../Word/Word-Processor/react/find-and-replace.md | 4 ++--
.../Word-Processor/react/how-to/open-document-by-address.md | 2 +-
Document-Processing/Word/Word-Processor/react/image.md | 4 ++--
Document-Processing/Word/Word-Processor/react/import.md | 2 +-
.../word-processor-server-docker-image-overview.md | 2 +-
Document-Processing/Word/Word-Processor/react/styles.md | 4 ++--
.../Word/Word-Processor/react/table-of-contents.md | 2 +-
8 files changed, 12 insertions(+), 12 deletions(-)
diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md
index 39897801f4..201cacb53b 100644
--- a/Document-Processing/Word/Word-Processor/react/comments.md
+++ b/Document-Processing/Word/Word-Processor/react/comments.md
@@ -67,9 +67,9 @@ let commentProperties: CommentProperties = {
isResolved: false // The status of the comment; false indicates it is unresolved.
};
-// Insert the comment with the specified properties into the DOCX Editor.
+// Insert the comment with the specified properties into the Document Editor.
let comment: Comment = documentEditor.editor.insertComment('Hello world', commentProperties);
-// Insert a reply comment with specified properties into the DOCX Editor
+// Insert a reply comment with specified properties into the Document Editor
documentEditor.editor.insertReplyComment(comment.id, 'Hello world', commentProperties);
```
diff --git a/Document-Processing/Word/Word-Processor/react/find-and-replace.md b/Document-Processing/Word/Word-Processor/react/find-and-replace.md
index cc33d700a1..d7ebbca875 100644
--- a/Document-Processing/Word/Word-Processor/react/find-and-replace.md
+++ b/Document-Processing/Word/Word-Processor/react/find-and-replace.md
@@ -54,7 +54,7 @@ function App() {
}
]
}`;
- //Open the document in DOCX Editor.
+ //Open the document in Document Editor.
documenteditor.open(sfdt);
}
@@ -213,7 +213,7 @@ function App() {
}
]
}`;
- //Open the document in DOCX Editor.
+ //Open the document in Document Editor.
documenteditor.open(sfdt);
}
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/open-document-by-address.md b/Document-Processing/Word/Word-Processor/react/how-to/open-document-by-address.md
index ce4ac9607d..da8b1bc4ee 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/open-document-by-address.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/open-document-by-address.md
@@ -37,7 +37,7 @@ function App() {
http.onreadystatechange = () => {
if (http.readyState === 4) {
if (http.status === 200 || http.status === 304) {
- //open the SFDT text in DOCX Editor
+ //open the SFDT text in Document Editor
container.documentEditor.open(http.responseText);
}
}
diff --git a/Document-Processing/Word/Word-Processor/react/image.md b/Document-Processing/Word/Word-Processor/react/image.md
index 4b93df406e..1ced548441 100644
--- a/Document-Processing/Word/Word-Processor/react/image.md
+++ b/Document-Processing/Word/Word-Processor/react/image.md
@@ -44,7 +44,7 @@ function App() {
let base64String = frEvent.target.result;
let image = document.createElement('img');
image.addEventListener('load', function () {
- //Insert image in DOCX Editor.
+ //Insert image in Document Editor.
proxy.editor.insertImage(base64String, proxy.editor.width, proxy.editor.height);
})
image.src = base64String;
@@ -56,7 +56,7 @@ function App() {
} else {
let image = document.createElement('img');
image.addEventListener('load', function () {
- //Insert image in DOCX Editor.
+ //Insert image in Document Editor.
proxy.editor.insertImage(args.target.value);
})
image.src = args.target.value;
diff --git a/Document-Processing/Word/Word-Processor/react/import.md b/Document-Processing/Word/Word-Processor/react/import.md
index 21047e7b99..7188e2193a 100644
--- a/Document-Processing/Word/Word-Processor/react/import.md
+++ b/Document-Processing/Word/Word-Processor/react/import.md
@@ -83,7 +83,7 @@ function App() {
ajax.onreadystatechange = () => {
if (ajax.readyState === 4) {
if (ajax.status === 200 || ajax.status === 304) {
- // open SFDT text in DOCX Editor
+ // open SFDT text in Document Editor
documenteditor.open(ajax.responseText);
}
}
diff --git a/Document-Processing/Word/Word-Processor/react/server-deployment/word-processor-server-docker-image-overview.md b/Document-Processing/Word/Word-Processor/react/server-deployment/word-processor-server-docker-image-overview.md
index 22e6662289..7afa987531 100644
--- a/Document-Processing/Word/Word-Processor/react/server-deployment/word-processor-server-docker-image-overview.md
+++ b/Document-Processing/Word/Word-Processor/react/server-deployment/word-processor-server-docker-image-overview.md
@@ -162,7 +162,7 @@ function App() {
httpRequest.onreadystatechange = () => {
if (httpRequest.readyState === 4) {
if (httpRequest.status === 200 || httpRequest.status === 304) {
- //Open the document in DOCX Editor.
+ //Open the document in Document Editor.
dataContext.open(httpRequest.responseText);
}
}
diff --git a/Document-Processing/Word/Word-Processor/react/styles.md b/Document-Processing/Word/Word-Processor/react/styles.md
index 4a7985ef68..d2d1552c93 100644
--- a/Document-Processing/Word/Word-Processor/react/styles.md
+++ b/Document-Processing/Word/Word-Processor/react/styles.md
@@ -102,7 +102,7 @@ function App() {
underline: 'Single',
},
};
- //Create style in DOCX Editor.
+ //Create style in Document Editor.
documenteditor.editor.createStyle(JSON.stringify(styleJson));
}
return (
@@ -164,7 +164,7 @@ function App() {
outlineLevel: 'Level1',
},
};
- //Create style in DOCX Editor.
+ //Create style in Document Editor.
documenteditor.editor.createStyle(JSON.stringify(styleJson));
}
return (
diff --git a/Document-Processing/Word/Word-Processor/react/table-of-contents.md b/Document-Processing/Word/Word-Processor/react/table-of-contents.md
index 42ae74be04..636dc71ea3 100644
--- a/Document-Processing/Word/Word-Processor/react/table-of-contents.md
+++ b/Document-Processing/Word/Word-Processor/react/table-of-contents.md
@@ -49,7 +49,7 @@ function App() {
}, []);
function componentDidMount() {
let documentString: string = '{"sections":[{"blocks":[{"paragraphFormat":{"styleName":"Heading 1"},"inlines":[{"text":"Headin"},{"name":"_GoBack","bookmarkType":0},{"name":"_GoBack","bookmarkType":1},{"text":"g1"}]},{"paragraphFormat":{"styleName":"Heading 2"},"inlines":[{"text":"Heading2"}]},{"paragraphFormat":{"styleName":"Heading 3"},"inlines":[{"text":"Heading3"}]},{"paragraphFormat":{"styleName":"Heading 4"},"inlines":[{"text":"Heading4"}]},{"paragraphFormat":{"styleName":"Heading 5"},"inlines":[{"text":"Heading5"}]},{"paragraphFormat":{"styleName":"Heading 6"},"inlines":[{"text":"Heading6"}]},{"paragraphFormat":{"styleName":"Normal"},"inlines":[{"text":"Normal"}]}],"headersFooters":{},"sectionFormat":{"headerDistance":36.0,"footerDistance":36.0,"pageWidth":612.0,"pageHeight":792.0,"leftMargin":72.0,"rightMargin":72.0,"topMargin":72.0,"bottomMargin":72.0,"differentFirstPage":false,"differentOddAndEvenPages":false}}],"characterFormat":{"fontSize":11.0,"fontFamily":"Calibri"},"paragraphFormat":{"afterSpacing":8.0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple"},"background":{"color":"#FFFFFFFF"},"styles":[{"type":"Paragraph","name":"Normal","next":"Normal"},{"type":"Paragraph","name":"Heading 1","basedOn":"Normal","next":"Normal","link":"Heading 1 Char","characterFormat":{"fontSize":16.0,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"},"paragraphFormat":{"beforeSpacing":12.0,"afterSpacing":0.0,"outlineLevel":"Level1"}},{"type":"Paragraph","name":"Heading 2","basedOn":"Normal","next":"Normal","link":"Heading 2 Char","characterFormat":{"fontSize":13.0,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"},"paragraphFormat":{"beforeSpacing":2.0,"afterSpacing":0.0,"outlineLevel":"Level2"}},{"type":"Paragraph","name":"Heading 3","basedOn":"Normal","next":"Normal","link":"Heading 3 Char","characterFormat":{"fontSize":12.0,"fontFamily":"Calibri Light","fontColor":"#1F3763FF"},"paragraphFormat":{"beforeSpacing":2.0,"afterSpacing":0.0,"outlineLevel":"Level3"}},{"type":"Paragraph","name":"Heading 4","basedOn":"Normal","next":"Normal","link":"Heading 4 Char","characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"},"paragraphFormat":{"beforeSpacing":2.0,"afterSpacing":0.0,"outlineLevel":"Level4"}},{"type":"Paragraph","name":"Heading 5","basedOn":"Normal","next":"Normal","link":"Heading 5 Char","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496FF"},"paragraphFormat":{"beforeSpacing":2.0,"afterSpacing":0.0,"outlineLevel":"Level5"}},{"type":"Paragraph","name":"Heading 6","basedOn":"Normal","next":"Normal","link":"Heading 6 Char","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763FF"},"paragraphFormat":{"beforeSpacing":2.0,"afterSpacing":0.0,"outlineLevel":"Level6"}},{"type":"Character","name":"Default Paragraph Font"},{"type":"Character","name":"Heading 1 Char","basedOn":"Default Paragraph Font","characterFormat":{"fontSize":16.0,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"}},{"type":"Character","name":"Heading 2 Char","basedOn":"Default Paragraph Font","characterFormat":{"fontSize":13.0,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"}},{"type":"Character","name":"Heading 3 Char","basedOn":"Default Paragraph Font","characterFormat":{"fontSize":12.0,"fontFamily":"Calibri Light","fontColor":"#1F3763FF"}},{"type":"Character","name":"Heading 4 Char","basedOn":"Default Paragraph Font","characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496FF"}},{"type":"Character","name":"Heading 5 Char","basedOn":"Default Paragraph Font","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496FF"}},{"type":"Character","name":"Heading 6 Char","basedOn":"Default Paragraph Font","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763FF"}}]}';
- //Open the document in DOCX Editor.
+ //Open the document in Document Editor.
documenteditor.open(documentString);
}
From a7da61c420608664a8a174895fce9a94b339da03 Mon Sep 17 00:00:00 2001
From: Kalaivannan-Ganesan
<93248069+Kalaivannan-Ganesan@users.noreply.github.com>
Date: Thu, 27 Aug 2026 16:43:24 +0530
Subject: [PATCH 5/6] updated mixed cases document editor to DOCX Editor
---
.../Word/Word-Processor/react/clipboard.md | 2 +-
.../Word/Word-Processor/react/dialog.md | 2 +-
.../Word/Word-Processor/react/export.md | 8 ++++----
.../Word/Word-Processor/react/global-local.md | 2 +-
.../Word/Word-Processor/react/how-to.md | 2 +-
.../change-the-cursor-color-in-document-editor.md | 3 ++-
.../Word-Processor/react/how-to/customize-ribbon.md | 2 +-
.../react/how-to/disable-drag-and-drop.md | 2 +-
.../Word/Word-Processor/react/scrolling-zooming.md | 10 +++++-----
...sor-server-docker-container-in-azure-app-service.md | 2 +-
.../Word/Word-Processor/react/table-format.md | 2 +-
.../Word/Word-Processor/react/ui-builder-skill.md | 2 +-
12 files changed, 20 insertions(+), 19 deletions(-)
diff --git a/Document-Processing/Word/Word-Processor/react/clipboard.md b/Document-Processing/Word/Word-Processor/react/clipboard.md
index 4230f8ea5e..32c734e41e 100644
--- a/Document-Processing/Word/Word-Processor/react/clipboard.md
+++ b/Document-Processing/Word/Word-Processor/react/clipboard.md
@@ -83,7 +83,7 @@ root.render();
```
By default, **enableLocalPaste** is false.
-When local paste is enabled for a document editor instance, you can paste contents programmatically if the internal clipboard has stored data during last copy operation. Refer to the following sample code.
+When local paste is enabled for a DOCX Editor instance, you can paste contents programmatically if the internal clipboard has stored data during last copy operation. Refer to the following sample code.
```ts
documentEditor.editor.paste();
diff --git a/Document-Processing/Word/Word-Processor/react/dialog.md b/Document-Processing/Word/Word-Processor/react/dialog.md
index 1dd5acd8a7..2136c87f91 100644
--- a/Document-Processing/Word/Word-Processor/react/dialog.md
+++ b/Document-Processing/Word/Word-Processor/react/dialog.md
@@ -17,7 +17,7 @@ domainurl: ##DomainURL##
The Font dialog allows you to modify all text properties for selected contents at once, such as bold, italic, underline, font size, font color, strikethrough, subscript, and superscript.
>DOCX Editor features are segregated into individual feature-wise modules. To use the Font dialog, inject the 'FontDialog' module using 'DocumentEditor.Inject(Selection, SfdtExport, Editor, FontDialog)'.
->To enable the Font dialog for a document editor instance, set 'enableFontDialog' to true.
+>To enable the Font dialog for a DOCX Editor instance, set 'enableFontDialog' to true.
Refer to the following example.
diff --git a/Document-Processing/Word/Word-Processor/react/export.md b/Document-Processing/Word/Word-Processor/react/export.md
index 39f9309f9e..3a8751cc37 100644
--- a/Document-Processing/Word/Word-Processor/react/export.md
+++ b/Document-Processing/Word/Word-Processor/react/export.md
@@ -55,7 +55,7 @@ The following example shows how to export documents in the DOCX Editor as Syncfu
>DOCX Editor features are segregated into individual feature-wise modules. To use SFDT export, inject the `SfdtExport` module using `DocumentEditor.Inject(SfdtExport)`.
>
->To enable SFDT export for a document editor instance, set `enableSfdtExport` to true.
+>To enable SFDT export for a DOCX Editor instance, set `enableSfdtExport` to true.
## Word export
@@ -95,7 +95,7 @@ N> The React DOCX Editor component's document pagination (page-by-page display)
>DOCX Editor features are segregated into individual feature-wise modules. To use Word export, inject the `WordExport` and `SfdtExport` modules using `DocumentEditor.Inject(WordExport, SfdtExport)`.
>
->To enable Word export for a document editor instance, set `enableWordExport` to true.
+>To enable Word export for a DOCX Editor instance, set `enableWordExport` to true.
## Template export
@@ -135,7 +135,7 @@ N> The React DOCX Editor component's document pagination (page-by-page display)
>DOCX Editor features are segregated into individual feature-wise modules. To use Word template export, inject the `WordExport` and `SfdtExport` modules using `DocumentEditor.Inject(WordExport, SfdtExport)`.
>
->To enable Word template export for a document editor instance, set `enableWordExport` to true.
+>To enable Word template export for a DOCX Editor instance, set `enableWordExport` to true.
## Text export
@@ -173,7 +173,7 @@ The following example shows how to export the document as a text document (.txt)
>DOCX Editor features are segregated into individual feature-wise modules. To use text export, inject the `TextExport` and `SfdtExport` modules using the `DocumentEditor.Inject(TextExport, SfdtExport)`.
>
->To enable text export for a document editor instance, set `enableTextExport` to true.
+>To enable text export for a DOCX Editor instance, set `enableTextExport` to true.
## Export as blob
diff --git a/Document-Processing/Word/Word-Processor/react/global-local.md b/Document-Processing/Word/Word-Processor/react/global-local.md
index 448a580036..029bccf87a 100644
--- a/Document-Processing/Word/Word-Processor/react/global-local.md
+++ b/Document-Processing/Word/Word-Processor/react/global-local.md
@@ -18,7 +18,7 @@ N> Please refer to the [Locale](https://github.com/syncfusion/ej2-locale).
## DOCX Editor
-The following list of properties and its values are used in the document editor.
+The following list of properties and its values are used in the DOCX Editor.
Locale keywords |Text
-----|-----
diff --git a/Document-Processing/Word/Word-Processor/react/how-to.md b/Document-Processing/Word/Word-Processor/react/how-to.md
index de4dc6b678..c28d7a6b19 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to.md
@@ -14,7 +14,7 @@ domainurl: ##DomainURL##
## Preventing default keyboard shortcut
-The following code shows how to prevent the `CTRL + C` keyboard shortcut for copying selected content in document editor.
+The following code shows how to prevent the `CTRL + C` keyboard shortcut for copying selected content in DOCX Editor.
```ts
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/change-the-cursor-color-in-document-editor.md b/Document-Processing/Word/Word-Processor/react/how-to/change-the-cursor-color-in-document-editor.md
index 660971755a..e5ef696090 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/change-the-cursor-color-in-document-editor.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/change-the-cursor-color-in-document-editor.md
@@ -22,4 +22,5 @@ border-left: 1px solid red !important;
Output will be like below:
-
+
+
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/customize-ribbon.md b/Document-Processing/Word/Word-Processor/react/how-to/customize-ribbon.md
index b2d57d8d5b..e55971fed7 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/customize-ribbon.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/customize-ribbon.md
@@ -124,7 +124,7 @@ You can customize the ribbon tabs in the DOCX Editor by showing, hiding, or addi
### Show/Hide Tab
-Document editor provides the [`showTab`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#showtab) API to show and hide the existing tab using a `RibbonTabType` and `tabId`.
+DOCX Editor provides the [`showTab`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#showtab) API to show and hide the existing tab using a `RibbonTabType` and `tabId`.
The following code example shows how to show/hide an existing tab using the existing tab type and tab id.
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/disable-drag-and-drop.md b/Document-Processing/Word/Word-Processor/react/how-to/disable-drag-and-drop.md
index e5fa53a515..66e60c08a3 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/disable-drag-and-drop.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/disable-drag-and-drop.md
@@ -1,7 +1,7 @@
---
layout: post
title: How to Disable Drag and Drop in React DOCX Editor | Syncfusion
-description: Disable drag and drop functionality in Syncfusion® React DOCX Editor to prevent users from moving content within the document editor component.
+description: Disable drag and drop functionality in Syncfusion® React DOCX Editor to prevent users from moving content within the DOCX Editor component.
platform: document-processing
control: Disable drag and drop in DOCX Editor
documentation: ug
diff --git a/Document-Processing/Word/Word-Processor/react/scrolling-zooming.md b/Document-Processing/Word/Word-Processor/react/scrolling-zooming.md
index 4795a0a05e..bafa4e76c6 100644
--- a/Document-Processing/Word/Word-Processor/react/scrolling-zooming.md
+++ b/Document-Processing/Word/Word-Processor/react/scrolling-zooming.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Scrolling and Zooming in React DOCX Editor
-The [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) renders the document page by page. You can scroll through the pages by mouse wheel or touch interactions. You can also scroll through the pages by using the `scrollToPage()` method of the document editor instance. Refer to the following code example.
+The [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) renders the document page by page. You can scroll through the pages by mouse wheel or touch interactions. You can also scroll through the pages by using the `scrollToPage()` method of the DOCX Editor instance. Refer to the following code example.
{% tabs %}
{% highlight js tabtitle="index.jsx" %}
@@ -28,7 +28,7 @@ The [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-ed
N> Calling this method brings the specified page into view but doesn't move selection. Hence this method will work by default. That is, it works even if selection is not enabled.
-If you wish to move the selection to any page in the document editor and bring it into view, you can use the `goToPage()` method of the selection instance. Refer to the following code example.
+If you wish to move the selection to any page in the DOCX Editor and bring it into view, you can use the `goToPage()` method of the selection instance. Refer to the following code example.
{% tabs %}
{% highlight js tabtitle="index.jsx" %}
@@ -46,7 +46,7 @@ If you wish to move the selection to any page in the document editor and bring i
## Zooming
-You can scale the contents in the document editor ranging from 10% to 500% of the actual size. You can achieve this using mouse or touch interactions. You can also use the `zoomFactor` property of the document editor instance. The value can be specified in a range from 0.1 to 5. Refer to the following code example.
+You can scale the contents in the DOCX Editor ranging from 10% to 500% of the actual size. You can achieve this using mouse or touch interactions. You can also use the `zoomFactor` property of the DOCX Editor instance. The value can be specified in a range from 0.1 to 5. Refer to the following code example.
{% raw %}
@@ -109,7 +109,7 @@ ReactDOM.render(, document.getElementById('sample'));
## Page Fit Type
-Apart from specifying the zoom factor as a value, the DOCX Editor provides an option to specify page fit options such as fit to full page or fit to page width. You can set this option using the `fitPage` method of the document editor instance. Refer to the following code example.
+Apart from specifying the zoom factor as a value, the DOCX Editor provides an option to specify page fit options such as fit to full page or fit to page width. You can set this option using the `fitPage` method of the DOCX Editor instance. Refer to the following code example.
{% raw %}
@@ -166,7 +166,7 @@ ReactDOM.render(, document.getElementById('sample'));
## Zoom option using UI
-The following code example shows how to provide zoom options in the document editor.
+The following code example shows how to provide zoom options in the DOCX Editor.
{% tabs %}
{% highlight js tabtitle="index.jsx" %}
diff --git a/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md b/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md
index 2b6fa6c655..6224cb878d 100644
--- a/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md
+++ b/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md
@@ -40,7 +40,7 @@ az appservice plan create --name documenteditorappservice --resource-group docum
**Step 3:** Create a Docker Compose app.
-Create a multi-container [`web app`](https://docs.microsoft.com/en-us/azure/app-service/containers/app-service-linux-intro) in the documenteditorappservice App Service plan with the [`az webapp create`](https://docs.microsoft.com/en-us/cli/azure/webapp?view=azure-cli-latest#az-webapp-create) command. The following command creates the web app using the provided Docker Compose file. Refer to the Docker Compose getting started section to create the Docker Compose file for the document editor server and use the created Docker Compose file here.
+Create a multi-container [`web app`](https://docs.microsoft.com/en-us/azure/app-service/containers/app-service-linux-intro) in the documenteditorappservice App Service plan with the [`az webapp create`](https://docs.microsoft.com/en-us/cli/azure/webapp?view=azure-cli-latest#az-webapp-create) command. The following command creates the web app using the provided Docker Compose file. Refer to the Docker Compose getting started section to create the Docker Compose file for the DOCX Editor server and use the created Docker Compose file here.
```
az webapp create --resource-group documenteditorresourcegroup --plan documenteditorappservice --name documenteditor-server --multicontainer-config-type compose --multicontainer-config-file documenteditor-server-compose.yml
diff --git a/Document-Processing/Word/Word-Processor/react/table-format.md b/Document-Processing/Word/Word-Processor/react/table-format.md
index 67976c3d21..f4de11d4ad 100644
--- a/Document-Processing/Word/Word-Processor/react/table-format.md
+++ b/Document-Processing/Word/Word-Processor/react/table-format.md
@@ -72,7 +72,7 @@ documenteditor.selection.cellFormat.verticalAlignment='Bottom';
## Table alignment
-The tables are aligned in the document editor to ‘Left’, ‘Right’, or ‘Center’. Refer to the following sample code.
+The tables are aligned in the DOCX Editor to ‘Left’, ‘Right’, or ‘Center’. Refer to the following sample code.
```ts
documenteditor.selection.tableFormat.tableAlignment='Center';
diff --git a/Document-Processing/Word/Word-Processor/react/ui-builder-skill.md b/Document-Processing/Word/Word-Processor/react/ui-builder-skill.md
index be4510bf80..400b66020e 100644
--- a/Document-Processing/Word/Word-Processor/react/ui-builder-skill.md
+++ b/Document-Processing/Word/Word-Processor/react/ui-builder-skill.md
@@ -150,7 +150,7 @@ N> For Syncfusion® Code Studio, if the UI Builder agent is not shown, ensure th
{% promptcard Dynamic Toolbar Customization Editor %}
-Build a new React application - Include a sidebar panel on the right side that displays a list of toolbar options with checkboxes for New, Open, Undo and Redo. Add a button at the bottom of the panel labeled **"Apply Changes"**. When users select or deselect the checkboxes and click the button, the toolbar at the top of the DOCX Editor should dynamically show or hide the corresponding items in real time, providing a customizable editing experience similar to advanced document editors.
+Build a new React application - Include a sidebar panel on the right side that displays a list of toolbar options with checkboxes for New, Open, Undo and Redo. Add a button at the bottom of the panel labeled **"Apply Changes"**. When users select or deselect the checkboxes and click the button, the toolbar at the top of the DOCX Editor should dynamically show or hide the corresponding items in real time, providing a customizable editing experience similar to advanced DOCX Editors.
{% endpromptcard %}
From 022d64c8c5d601ade6c30b60665657bc6b19cc07 Mon Sep 17 00:00:00 2001
From: Kalaivannan-Ganesan
<93248069+Kalaivannan-Ganesan@users.noreply.github.com>
Date: Thu, 27 Aug 2026 17:44:17 +0530
Subject: [PATCH 6/6] Resolved the CI Failures
---
.../asp-net-core/how-to/customize-context-menu.md | 2 +-
.../Word-Processor/asp-net-mvc/saving-documents/google-drive.md | 2 +-
.../Word/Word-Processor/react/faq/unsupported-file-format.md | 2 +-
3 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/how-to/customize-context-menu.md b/Document-Processing/Word/Word-Processor/asp-net-core/how-to/customize-context-menu.md
index 915d037fd6..958bf71367 100644
--- a/Document-Processing/Word/Word-Processor/asp-net-core/how-to/customize-context-menu.md
+++ b/Document-Processing/Word/Word-Processor/asp-net-core/how-to/customize-context-menu.md
@@ -1,7 +1,7 @@
---
layout: post
title: How to Customize Context Menu in ASP.NET Core DOCX Editor | Syncfusion
-description: Customize the context menu in Syncfusion® React DOCX Editor by adding custom menu items, modifying existing options, and handling menu actions.
+description: Customize the context menu in Syncfusion® ASP .NET Core DOCX Editor by adding custom menu items, modifying existing options, and handling menu actions.
platform: document-processing
control: Document Editor
documentation: ug
diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/saving-documents/google-drive.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/saving-documents/google-drive.md
index 6b9c84c11f..8d61e22f95 100644
--- a/Document-Processing/Word/Word-Processor/asp-net-mvc/saving-documents/google-drive.md
+++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/saving-documents/google-drive.md
@@ -1,7 +1,7 @@
---
layout: post
title: Save to Google Drive in ASP.NET MVC DOCX Editor | Syncfusion
-description: Save documents to Google Drive from React DOCX Editor, enabling cloud storage integration and streamlined document management.
+description: Save documents to Google Drive from ASP .NET MVC DOCX Editor, enabling cloud storage integration and streamlined document management.
platform: document-processing
control: Save document to Google Drive
documentation: ug
diff --git a/Document-Processing/Word/Word-Processor/react/faq/unsupported-file-format.md b/Document-Processing/Word/Word-Processor/react/faq/unsupported-file-format.md
index 6e42fc70d3..5118e63d4d 100644
--- a/Document-Processing/Word/Word-Processor/react/faq/unsupported-file-format.md
+++ b/Document-Processing/Word/Word-Processor/react/faq/unsupported-file-format.md
@@ -1,7 +1,7 @@
---
layout: post
title: Supported File Formats in React DOCX Editor | Syncfusion
-description: Learn about the supported file formats in React DOCX Editor for importing, and exporting documents.
+description: Learn about the supported file formats in React DOCX Editor for importing, saving, and exporting documents.
control: Unsupported file
platform: document-processing
documentation: ug