diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/optimize-sfdt.md b/Document-Processing/Word/Word-Processor/angular/how-to/optimize-sfdt.md index c9e12ba41d..c737e0e793 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/optimize-sfdt.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/optimize-sfdt.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to optimize the SFDT file -Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, +Starting from version v21.1.x, the SFDT file generated in DOCX Editor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, * File transfer between client and server through the internet gets faster. * The new optimized SFDT files require less storage space than the old SFDT files. Hence, the optimized SFDT file can't be directly manipulated as JSON string. diff --git a/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md b/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md index a8dd9cd9f3..b76d4fef73 100644 --- a/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md +++ b/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md @@ -1,6 +1,6 @@ --- layout: post -title: Deploy Syncfusion Word Processor in Amazon Kubernetes Service +title: Deploy Syncfusion DOCX Editor in Amazon Kubernetes Service description: Learn here all about How to deploy word processor server docker container in amazon kubernetes service in Syncfusion Document editor. control: How to deploy word processor server docker container in amazon kubernetes service platform: document-processing @@ -15,7 +15,7 @@ domainurl: ##DomainURL## * `AWS CLI`: Install the AWS Command Line Interface (CLI) on your local machine. * `Kubectl` : Install the Kubernetes command-line tool kubectl on your local machine. * `Docker`: Install Docker on your local machine. -* `Word Processor Docker Image`: Have a Docker image of the Word Processor server ready to deploy. +* `DOCX Editor Docker Image`: Have a Docker image of the Word Processor server ready to deploy. To deploy the Word Processor server docker image, need to follow the below process diff --git a/Document-Processing/Word/Word-Processor/angular/server-deployment/word-processor-server-docker-image-overview.md b/Document-Processing/Word/Word-Processor/angular/server-deployment/word-processor-server-docker-image-overview.md index 0c519e4d1c..eb39ff1749 100644 --- a/Document-Processing/Word/Word-Processor/angular/server-deployment/word-processor-server-docker-image-overview.md +++ b/Document-Processing/Word/Word-Processor/angular/server-deployment/word-processor-server-docker-image-overview.md @@ -9,13 +9,13 @@ domainurl: ##DomainURL## --- # Word processor server docker image overview in Angular Document editor component -The Syncfusion® **Word Processor (also known as Document Editor)** is a component with editing capabilities like Microsoft Word. It is used to create, edit, view, and print Word documents. It provides all the common word processing abilities, including editing text; formatting contents; resizing images and tables; finding and replacing text; importing, exporting, and printing Word documents; and using bookmarks and tables of contents. +The Syncfusion® **DOCX Editor (also known as Document Editor)** is a component with editing capabilities like Microsoft Word. It is used to create, edit, view, and print Word documents. It provides all the common word processing abilities, including editing text; formatting contents; resizing images and tables; finding and replacing text; importing, exporting, and printing Word documents; and using bookmarks and tables of contents. -This Docker image is the predefined Docker container of Syncfusion’s Word Processor backend. You can deploy it quickly to your infrastructure. +This Docker image is the predefined Docker container of Syncfusion’s DOCX Editor backend. You can deploy it quickly to your infrastructure. -Word Processor is a commercial product, and it requires a valid license to use it in a production environment [`(request license or trial key).`](https://help.syncfusion.com/common/essential-studio/licensing/licensing-faq/where-can-i-get-a-license-key) +DOCX Editor is a commercial product, and it requires a valid license to use it in a production environment [`(request license or trial key).`](https://help.syncfusion.com/common/essential-studio/licensing/licensing-faq/where-can-i-get-a-license-key) -The Word Processor is supported in the JavaScript, Angular, React, Vue, ASP.NET Core, ASP.NET MVC, and Blazor platforms. +The DOCX Editor is supported in the JavaScript, Angular, React, Vue, ASP.NET Core, ASP.NET MVC, and Blazor platforms. ## Prerequisites @@ -24,7 +24,7 @@ Have [`Docker`](https://www.docker.com/products/container-runtime#/download) ins * On Windows, install [`Docker for Windows`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). * On macOS, install [`Docker for Mac`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). -## How to deploy Word Processor Docker image +## How to deploy DOCX Editor Docker image **Step 1:** Pull the word-processor-server image from Docker Hub. @@ -53,9 +53,9 @@ services: docker-compose up ``` -Now the Word Processor server Docker instance runs in the localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the Word Processor Web API control `http://localhost:6002/api/documenteditor`. It returns the default get method response. +Now the Word Processor server Docker instance runs in the localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the DOCX Editor Web API control `http://localhost:6002/api/documenteditor`. It returns the default get method response. -**Step 4:** Append the Docker instance running the URL `(http://localhost:6002/api/documenteditor)` to the service URL in the client-side Word Processor control. For more information about how to get started with the Word Processor control, refer to this [`getting started page.`](../getting-started) +**Step 4:** Append the Docker instance running the URL `(http://localhost:6002/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) ## How to configure spell checker dictionaries path in Docker compose file @@ -175,4 +175,4 @@ export class AppComponent { } ``` -Refer to these getting started pages to create a Word Processor in [`Typescript`](../../javascript-es6/getting-started), [`React`](../../react/getting-started), [`Vue`](../../vue/getting-started), [`ASP.NET MVC`](../../asp-net-mvc/getting-started), [`ASP.NET Core`](../../asp-net-core/getting-started-core), and [`Blazor`](../../blazor/getting-started/server-side-application). \ No newline at end of file +Refer to these getting started pages to create a DOCX Editor in [`Typescript`](../../javascript-es6/getting-started), [`React`](../../react/getting-started), [`Vue`](../../vue/getting-started), [`ASP.NET MVC`](../../asp-net-mvc/getting-started), [`ASP.NET Core`](../../asp-net-core/getting-started-core), and [`Blazor`](../../blazor/getting-started/server-side-application). \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/angular/track-changes.md b/Document-Processing/Word/Word-Processor/angular/track-changes.md index 95d9bc4b1b..2bced679a9 100644 --- a/Document-Processing/Word/Word-Processor/angular/track-changes.md +++ b/Document-Processing/Word/Word-Processor/angular/track-changes.md @@ -107,7 +107,7 @@ In DocumentEditor, we have built-in review panel in which we have provided suppo ## Custom metadata along with author -The Document Editor provides options to customize revisions using [`revisionSettings`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [`customData`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/revisionsettings#customdata) property allows you to attach additional metadata to tracked revisions in the Word Processor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the [`showCustomDataWithAuthor`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property. +The Document Editor provides options to customize revisions using [`revisionSettings`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [`customData`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/revisionsettings#customdata) property allows you to attach additional metadata to tracked revisions in the DOCX Editor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the [`showCustomDataWithAuthor`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property. The following example code illustrates how to enable and update custom metadata for track changes revisions. diff --git a/Document-Processing/Word/Word-Processor/angular/web-services/java.md b/Document-Processing/Word/Word-Processor/angular/web-services/java.md index 267a6580ac..3557fd35fa 100644 --- a/Document-Processing/Word/Word-Processor/angular/web-services/java.md +++ b/Document-Processing/Word/Word-Processor/angular/web-services/java.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Java in Angular Document editor component -This page illustrates how to create web service in Java for the server-side dependent functionalities of Word Processor component a.k.a. Document Editor. Document Editor depends on server side interaction for below listed operations and it can be written in Java using `syncfusion-ej2-wordprocessor.jar` file. +This page illustrates how to create web service in Java for the server-side dependent functionalities of DOCX Editor component a.k.a. Document Editor. Document Editor depends on server side interaction for below listed operations and it can be written in Java using `syncfusion-ej2-wordprocessor.jar` file. * Import Word Document * Paste with formatting diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/how-to/optimize-sfdt.md b/Document-Processing/Word/Word-Processor/asp-net-core/how-to/optimize-sfdt.md index 9475598a87..fee8768fc9 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/how-to/optimize-sfdt.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/how-to/optimize-sfdt.md @@ -9,7 +9,7 @@ documentation: ug # How to optimize the SFDT file -Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, +Starting from version v21.1.x, the SFDT file generated in DOCX Editor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, * File transfer between client and server through the internet gets faster. * The new optimized SFDT files require less storage space than the old SFDT files. Hence, the optimized SFDT file can't be directly manipulated as JSON string. diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md b/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md index f5aabcf5e6..be5fe68570 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md @@ -131,7 +131,7 @@ In DocumentEditor, we have built-in review panel in which we have provided suppo ## Custom metadata along with author -The Document Editor provides options to customize revisions using `revisionSettings`. The `customData` property allows you to attach additional metadata to tracked revisions in the Word Processor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the `showCustomDataWithAuthor` property. +The Document Editor provides options to customize revisions using `revisionSettings`. The `customData` property allows you to attach additional metadata to tracked revisions in the DOCX Editor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the `showCustomDataWithAuthor` property. The following example code illustrates how to enable and update custom metadata for track changes revisions. diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/how-to/optimize-sfdt.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/how-to/optimize-sfdt.md index cd6550023f..ff05fbe7d0 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-mvc/how-to/optimize-sfdt.md +++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/how-to/optimize-sfdt.md @@ -9,7 +9,7 @@ documentation: ug # How to optimize the SFDT file -Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, +Starting from version v21.1.x, the SFDT file generated in DOCX Editor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, * File transfer between client and server through the internet gets faster. * The new optimized SFDT files require less storage space than the old SFDT files. Hence, the optimized SFDT file can't be directly manipulated as JSON string. diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md index 5cdef0dff2..69cd532fcb 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md +++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md @@ -126,7 +126,7 @@ In DocumentEditor, we have built-in review panel in which we have provided suppo ## Custom metadata along with author -The Document Editor provides options to customize revisions using `revisionSettings`. The `customData` property allows you to attach additional metadata to tracked revisions in the Word Processor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the `showCustomDataWithAuthor` property. +The Document Editor provides options to customize revisions using `revisionSettings`. The `customData` property allows you to attach additional metadata to tracked revisions in the DOCX Editor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the `showCustomDataWithAuthor` property. The following example code illustrates how to enable and update custom metadata for track changes revisions. diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md index 6bb11f63b5..90ff064130 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Optimize sfdt in JavaScript (ES5) Document editor control -Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, +Starting from version v21.1.x, the SFDT file generated in DOCX Editor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, * File transfer between client and server through the internet gets faster. * The new optimized SFDT files require less storage space than the old SFDT files. Hence, the optimized SFDT file can't be directly manipulated as JSON string. diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md b/Document-Processing/Word/Word-Processor/javascript-es5/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md index 2e1c2cb6ce..cb57db0536 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md @@ -1,6 +1,6 @@ --- layout: post -title: Deploy Syncfusion Word Processor in Amazon Kubernetes Service +title: Deploy Syncfusion DOCX Editor in Amazon Kubernetes Service description: Learn here all about How to deploy word processor server docker container in amazon kubernetes service in Syncfusion Document editor. platform: document-processing control: How to deploy word processor server docker container in amazon kubernetes service @@ -15,7 +15,7 @@ domainurl: ##DomainURL## * `AWS CLI`: Install the AWS Command Line Interface (CLI) on your local machine. * `Kubectl` : Install the Kubernetes command-line tool kubectl on your local machine. * `Docker`: Install Docker on your local machine. -* `Word Processor Docker Image`: Have a Docker image of the Word Processor server ready to deploy. +* `DOCX Editor Docker Image`: Have a Docker image of the Word Processor server ready to deploy. To deploy the Word Processor server docker image, need to follow the below process diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/server-deployment/word-processor-server-docker-image-overview.md b/Document-Processing/Word/Word-Processor/javascript-es5/server-deployment/word-processor-server-docker-image-overview.md index 2d76325629..c65f2f48fb 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/server-deployment/word-processor-server-docker-image-overview.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/server-deployment/word-processor-server-docker-image-overview.md @@ -9,13 +9,13 @@ domainurl: ##DomainURL## --- # Word processor server docker image overview in JavaScript (ES5) Document editor control -The Syncfusion® **Word Processor (also known as Document Editor)** is a component with editing capabilities like Microsoft Word. It is used to create, edit, view, and print Word documents. It provides all the common word processing abilities, including editing text; formatting contents; resizing images and tables; finding and replacing text; importing, exporting, and printing Word documents; and using bookmarks and tables of contents. +The Syncfusion® **DOCX Editor (also known as Document Editor)** is a component with editing capabilities like Microsoft Word. It is used to create, edit, view, and print Word documents. It provides all the common word processing abilities, including editing text; formatting contents; resizing images and tables; finding and replacing text; importing, exporting, and printing Word documents; and using bookmarks and tables of contents. -This Docker image is the predefined Docker container of Syncfusion’s Word Processor backend. You can deploy it quickly to your infrastructure. +This Docker image is the predefined Docker container of Syncfusion’s DOCX Editor backend. You can deploy it quickly to your infrastructure. -Word Processor is a commercial product, and it requires a valid license to use it in a production environment [`(request license or trial key).`](https://help.syncfusion.com/common/essential-studio/licensing/licensing-faq/where-can-i-get-a-license-key) +DOCX Editor is a commercial product, and it requires a valid license to use it in a production environment [`(request license or trial key).`](https://help.syncfusion.com/common/essential-studio/licensing/licensing-faq/where-can-i-get-a-license-key) -The Word Processor is supported in the JavaScript, Angular, React, Vue, ASP.NET Core, ASP.NET MVC, and Blazor platforms. +The DOCX Editor is supported in the JavaScript, Angular, React, Vue, ASP.NET Core, ASP.NET MVC, and Blazor platforms. ## Prerequisites @@ -23,7 +23,7 @@ Have [`Docker`](https://www.docker.com/products/container-runtime#/download) ins * On Windows, install [`Docker for Windows`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). * On macOS, install [`Docker for Mac`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). -## How to deploy Word Processor Docker image +## How to deploy DOCX Editor Docker image **Step 1:** Pull the word-processor-server image from Docker Hub. @@ -52,9 +52,9 @@ docker pull syncfusion/word-processor-server docker-compose up ``` -Now the Word Processor server Docker instance runs in the localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the Word Processor Web API control `http://localhost:6002/api/documenteditor`. It returns the default get method response. +Now the Word Processor server Docker instance runs in the localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the DOCX Editor Web API control `http://localhost:6002/api/documenteditor`. It returns the default get method response. -**Step 4:** Append the Docker instance running the URL `(http://localhost:6002/api/documenteditor)` to the service URL in the client-side Word Processor control. For more information about how to get started with the Word Processor control, refer to this [`getting started page.`](../getting-started) +**Step 4:** Append the Docker instance running the URL `(http://localhost:6002/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) ``` @@ -227,4 +227,4 @@ container.created = function () { container.appendTo('#container'); ``` -Refer to these getting started pages to create a Word Processor in [`Angular`](../../angular/getting-started), [`React`](../../react/getting-started), [`Vue`](../../vue/getting-started), [`ASP.NET MVC`](../../asp-net-mvc/getting-started), [`ASP.NET Core`](../../asp-net-core/getting-started-core), and [`Blazor`](../../blazor/getting-started/server-side-application). +Refer to these getting started pages to create a DOCX Editor in [`Angular`](../../angular/getting-started), [`React`](../../react/getting-started), [`Vue`](../../vue/getting-started), [`ASP.NET MVC`](../../asp-net-mvc/getting-started), [`ASP.NET Core`](../../asp-net-core/getting-started-core), and [`Blazor`](../../blazor/getting-started/server-side-application). diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/track-changes.md b/Document-Processing/Word/Word-Processor/javascript-es5/track-changes.md index 10cc2f2949..e6a4315aeb 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/track-changes.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/track-changes.md @@ -125,7 +125,7 @@ container.documentEditor.selection.navigatePreviousRevision(); ``` ## Custom metadata along with author -The Document Editor provides options to customize revisions using [`revisionSettings`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [`customData`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/revisionsettings#customdata) property allows you to attach additional metadata to tracked revisions in the Word Processor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the [`showCustomDataWithAuthor`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property. +The Document Editor provides options to customize revisions using [`revisionSettings`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [`customData`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/revisionsettings#customdata) property allows you to attach additional metadata to tracked revisions in the DOCX Editor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the [`showCustomDataWithAuthor`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property. The following example code illustrates how to enable and update custom metadata for track changes revisions. diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/web-services/java.md b/Document-Processing/Word/Word-Processor/javascript-es5/web-services/java.md index 834b0ba8ba..c88c01ccaf 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/web-services/java.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/web-services/java.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Java in JavaScript (ES5) Document editor control -This page illustrates how to create web service in Java for the server-side dependent functionalities of Word Processor component a.k.a. Document Editor. Document Editor depends on server side interaction for below listed operations and it can be written in Java using `syncfusion-ej2-wordprocessor.jar` file. +This page illustrates how to create web service in Java for the server-side dependent functionalities of DOCX Editor component a.k.a. Document Editor. Document Editor depends on server side interaction for below listed operations and it can be written in Java using `syncfusion-ej2-wordprocessor.jar` file. * Import Word Document * Paste with formatting diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/optimize-sfdt.md b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/optimize-sfdt.md index 1dede81517..071595ca4d 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/optimize-sfdt.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/optimize-sfdt.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Optimize sfdt in JavaScript (ES6) Document editor control -Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, +Starting from version v21.1.x, the SFDT file generated in DOCX Editor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, * File transfer between client and server through the internet gets faster. * The new optimized SFDT files require less storage space than the old SFDT files. Hence, the optimized SFDT file can't be directly manipulated as JSON string. diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md b/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md index 2e1c2cb6ce..cb57db0536 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md @@ -1,6 +1,6 @@ --- layout: post -title: Deploy Syncfusion Word Processor in Amazon Kubernetes Service +title: Deploy Syncfusion DOCX Editor in Amazon Kubernetes Service description: Learn here all about How to deploy word processor server docker container in amazon kubernetes service in Syncfusion Document editor. platform: document-processing control: How to deploy word processor server docker container in amazon kubernetes service @@ -15,7 +15,7 @@ domainurl: ##DomainURL## * `AWS CLI`: Install the AWS Command Line Interface (CLI) on your local machine. * `Kubectl` : Install the Kubernetes command-line tool kubectl on your local machine. * `Docker`: Install Docker on your local machine. -* `Word Processor Docker Image`: Have a Docker image of the Word Processor server ready to deploy. +* `DOCX Editor Docker Image`: Have a Docker image of the Word Processor server ready to deploy. To deploy the Word Processor server docker image, need to follow the below process diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/word-processor-server-docker-image-overview.md b/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/word-processor-server-docker-image-overview.md index 242be21c12..6c1efb1ed4 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/word-processor-server-docker-image-overview.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/word-processor-server-docker-image-overview.md @@ -9,13 +9,13 @@ domainurl: ##DomainURL## --- # Word processor server docker image overview in JavaScript (ES6) Document editor control -The Syncfusion® **Word Processor (also known as Document Editor)** is a component with editing capabilities like Microsoft Word. It is used to create, edit, view, and print Word documents. It provides all the common word processing abilities, including editing text; formatting contents; resizing images and tables; finding and replacing text; importing, exporting, and printing Word documents; and using bookmarks and tables of contents. +The Syncfusion® **DOCX Editor (also known as Document Editor)** is a component with editing capabilities like Microsoft Word. It is used to create, edit, view, and print Word documents. It provides all the common word processing abilities, including editing text; formatting contents; resizing images and tables; finding and replacing text; importing, exporting, and printing Word documents; and using bookmarks and tables of contents. -This Docker image is the predefined Docker container of Syncfusion’s Word Processor backend. You can deploy it quickly to your infrastructure. +This Docker image is the predefined Docker container of Syncfusion’s DOCX Editor backend. You can deploy it quickly to your infrastructure. -Word Processor is a commercial product, and it requires a valid license to use it in a production environment [`(request license or trial key).`](https://help.syncfusion.com/common/essential-studio/licensing/licensing-faq/where-can-i-get-a-license-key) +DOCX Editor is a commercial product, and it requires a valid license to use it in a production environment [`(request license or trial key).`](https://help.syncfusion.com/common/essential-studio/licensing/licensing-faq/where-can-i-get-a-license-key) -The Word Processor is supported in the JavaScript, Angular, React, Vue, ASP.NET Core, ASP.NET MVC, and Blazor platforms. +The DOCX Editor is supported in the JavaScript, Angular, React, Vue, ASP.NET Core, ASP.NET MVC, and Blazor platforms. ## Prerequisites @@ -23,7 +23,7 @@ Have [`Docker`](https://www.docker.com/products/container-runtime#/download) ins * On Windows, install [`Docker for Windows`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). * On macOS, install [`Docker for Mac`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). -## How to deploy Word Processor Docker image +## How to deploy DOCX Editor Docker image **Step 1:** Pull the word-processor-server image from Docker Hub. @@ -52,9 +52,9 @@ docker pull syncfusion/word-processor-server docker-compose up ``` -Now the Word Processor server Docker instance runs in the localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the Word Processor Web API control `http://localhost:6002/api/documenteditor`. It returns the default get method response. +Now the Word Processor server Docker instance runs in the localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the DOCX Editor Web API control `http://localhost:6002/api/documenteditor`. It returns the default get method response. -**Step 4:** Append the Docker instance running the URL `(http://localhost:6002/api/documenteditor)` to the service URL in the client-side Word Processor control. For more information about how to get started with the Word Processor control, refer to this [`getting started page.`](../getting-started) +**Step 4:** Append the Docker instance running the URL `(http://localhost:6002/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) ``` @@ -227,4 +227,4 @@ container.created = function () { container.appendTo('#container'); ``` -Refer to these getting started pages to create a Word Processor in [`Angular`](https://ej2.syncfusion.com/angular/documentation/document-editor/getting-started), [`React`](https://ej2.syncfusion.com/react/documentation/document-editor/getting-started), [`Vue`](https://ej2.syncfusion.com/vue/documentation/document-editor/getting-started), [`ASP.NET MVC`](https://ej2.syncfusion.com/aspnetmvc/documentation/document-editor/getting-started), [`ASP.NET Core`](https://ej2.syncfusion.com/aspnetcore/documentation/document-editor/getting-started-core), and [`Blazor`](../../blazor/getting-started/server-side-application). +Refer to these getting started pages to create a DOCX Editor in [`Angular`](https://ej2.syncfusion.com/angular/documentation/document-editor/getting-started), [`React`](https://ej2.syncfusion.com/react/documentation/document-editor/getting-started), [`Vue`](https://ej2.syncfusion.com/vue/documentation/document-editor/getting-started), [`ASP.NET MVC`](https://ej2.syncfusion.com/aspnetmvc/documentation/document-editor/getting-started), [`ASP.NET Core`](https://ej2.syncfusion.com/aspnetcore/documentation/document-editor/getting-started-core), and [`Blazor`](../../blazor/getting-started/server-side-application). diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/track-changes.md b/Document-Processing/Word/Word-Processor/javascript-es6/track-changes.md index ef7c58dce5..4efb6fe5ca 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/track-changes.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/track-changes.md @@ -170,7 +170,7 @@ In DocumentEditor, we have built-in review panel in which we have provided suppo ## Custom metadata along with author -The Document Editor provides options to customize revisions using [`revisionSettings`](https://ej2.syncfusion.com/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [`customData`](https://ej2.syncfusion.com/documentation/api/document-editor/revisionsettings#customdata) property allows you to attach additional metadata to tracked revisions in the Word Processor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the [`showCustomDataWithAuthor`](https://ej2.syncfusion.com/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property. +The Document Editor provides options to customize revisions using [`revisionSettings`](https://ej2.syncfusion.com/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [`customData`](https://ej2.syncfusion.com/documentation/api/document-editor/revisionsettings#customdata) property allows you to attach additional metadata to tracked revisions in the DOCX Editor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the [`showCustomDataWithAuthor`](https://ej2.syncfusion.com/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property. The following example code illustrates how to enable and update custom metadata for track changes revisions. diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/web-services/java.md b/Document-Processing/Word/Word-Processor/javascript-es6/web-services/java.md index 2b4189e963..8ee5aa5a15 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/web-services/java.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/web-services/java.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Java in JavaScript (ES6) Document editor control -This page illustrates how to create web service in Java for the server-side dependent functionalities of Word Processor component a.k.a. Document Editor. Document Editor depends on server side interaction for below listed operations and it can be written in Java using `syncfusion-ej2-wordprocessor.jar` file. +This page illustrates how to create web service in Java for the server-side dependent functionalities of DOCX Editor component a.k.a. Document Editor. Document Editor depends on server side interaction for below listed operations and it can be written in Java using `syncfusion-ej2-wordprocessor.jar` file. * Import Word Document * Paste with formatting diff --git a/Document-Processing/Word/Word-Processor/overview.md b/Document-Processing/Word/Word-Processor/overview.md index 9f26da7432..0c9be85b37 100644 --- a/Document-Processing/Word/Word-Processor/overview.md +++ b/Document-Processing/Word/Word-Processor/overview.md @@ -1,5 +1,5 @@ --- -title: Microsoft Word-like Word Processor Component | Syncfusion +title: Microsoft Word-like DOCX Editor Component | Syncfusion description: View, edit and print Word documents in WPF, JavaScript, Angular, React, Vue, ASP.NET MVC, ASP.NET Core, and Blazor applications without Microsoft Office. platform: document-processing control: general diff --git a/Document-Processing/Word/Word-Processor/react/document-editor-toc.html b/Document-Processing/Word/Word-Processor/react/document-editor-toc.html index c3e343a70a..5569523a46 100644 --- a/Document-Processing/Word/Word-Processor/react/document-editor-toc.html +++ b/Document-Processing/Word/Word-Processor/react/document-editor-toc.html @@ -124,6 +124,7 @@
  • Enable ruler in Document Editor component
  • Customize color picker in Document Editor component
  • Customize Ribbon
    • +
  • Customize DocumentEditor component
  • Troubleshooting diff --git a/Document-Processing/Word/Word-Processor/react/getting-started.md b/Document-Processing/Word/Word-Processor/react/getting-started.md index 086a30e2b4..fffffcb6aa 100644 --- a/Document-Processing/Word/Word-Processor/react/getting-started.md +++ b/Document-Processing/Word/Word-Processor/react/getting-started.md @@ -1,56 +1,148 @@ --- layout: post -title: Getting started with React DOCX editor component | Syncfusion -description: Checkout and learn about Getting started with React Document editor component of Syncfusion Essential JS 2 and more details. +title: Getting started with React DOCX Editor component | Syncfusion +description: Learn how to create a DOCX Editor in a React application using the Syncfusion® Document Editor control to create, edit, and view Word documents. control: Getting started platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Getting started with React DOCX editor component +# Getting started with React DOCX Editor -This section explains the steps to create a DOCX Editor within your application and demonstrates the basic usage of the Document editor component. +Syncfusion® DOCX Editor (Document Editor) enables you to create, edit, view, and print Word documents in web applications. This section guides you through the steps to get started and create a DOCX Editor in a React application. -To get started quickly with Document Editor component, you can check the video below. +## Steps to create React DOCX Editor -{% youtube "https://www.youtube.com/watch?v=tgJgvbnxdBA" %} +{% tabcontents %} + +{% tabcontent TypeScript %} -## Prerequisites +### Prerequisites -[System requirements for Syncfusion® Document editor](https://ej2.syncfusion.com/react/documentation/system-requirement) +[System requirements for Syncfusion® Document Editor](https://ej2.syncfusion.com/react/documentation/system-requirement) ### Create a new React application -To create a new React application, run the following command: +To set up a React application in a TypeScript environment, run the following commands: ```bash -npm create vite@latest my-app +npm create vite@latest my-app -- --template react-ts +cd my-app ``` -To set up a React application in a TypeScript environment, run the following commands: +### Install the Syncfusion® Document Editor packages + +The Syncfusion® Document Editor package is available in the public npm registry and can be installed directly from [`npmjs.com`](https://www.npmjs.com/~syncfusionorg). + + +To install the Document Editor component, use the following command: + +```bash +npm install @syncfusion/ej2-react-documenteditor --save +``` + +### Add CSS reference + +Add the Document Editor component and its dependent component styles available in the `node_modules/@syncfusion` package folder. Reference these styles in the `src/index.css` file: + +```css +@import '../node_modules/@syncfusion/ej2-base/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-popups/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-lists/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css'; +@import "../node_modules/@syncfusion/ej2-documenteditor/styles/material.css"; +``` + +### Add the Syncfusion® Document Editor component + +Add the Document Editor component to your application. In the `src/App.tsx` file, add the following code to initialize the component: + +{% raw %} + +```ts +import * as React from 'react'; +import { + DocumentEditorContainerComponent, + Toolbar +} from '@syncfusion/ej2-react-documenteditor'; + +DocumentEditorContainerComponent.Inject(Toolbar); + +function App() { + return ( + + ); +} + +export default App; +``` + +{% endraw %} + +> The hosted Web API URL is for demo and evaluation purposes only. For production, host your own web service using the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or the [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server). + +### Run the application + +Run the application using the following command: ```bash -npm create vite@latest my-app -- --template react-ts -cd my-app npm run dev ``` +Open http://localhost:3000 in your browser to run the application. +The Document Editor is displayed as shown below. -## Install the Syncfusion® Document Editor packages +{% tabs %} +{% highlight ts tabtitle="app.tsx" %} +{% include code-snippet/document-editor/react/base-cs3/app/index.tsx %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "/document-processing/code-snippet/document-editor/react/base-cs3" %} + +{% endtabcontent %} -The Syncfusion® DOCX Editor package is available in the public npm registry and can be installed directly from [`npmjs.com`](https://www.npmjs.com/~syncfusionorg). +{% tabcontent JavaScript %} -To install the Document editor component, use the following command: +### Prerequisites + +[System requirements for Syncfusion® Document Editor](https://ej2.syncfusion.com/react/documentation/system-requirement) + +### Create a new React application + +To set up a React application in a Javascript environment, run the following commands: + +```bash +npm create vite@latest my-app -- --template react +cd my-app +``` + +### Install the Syncfusion® Document Editor packages + +The Syncfusion® Document Editor package is available in the public npm registry and can be installed directly from [`npmjs.com`](https://www.npmjs.com/~syncfusionorg). + + +To install the Document Editor component, use the following command: ```bash npm install @syncfusion/ej2-react-documenteditor --save ``` -## Adding CSS reference +### Add CSS reference -Add the Document editor component and its dependent component styles available in the `node_modules/@syncfusion` package folder. Reference these styles in the `src/App.css` file: +Add the Document Editor component and its dependent component styles available in the `node_modules/@syncfusion` package folder. Reference these styles in the `src/index.css` file: ```css @import '../node_modules/@syncfusion/ej2-base/styles/material.css'; @@ -61,17 +153,16 @@ Add the Document editor component and its dependent component styles available i @import '../node_modules/@syncfusion/ej2-navigations/styles/material.css'; @import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css'; @import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css'; -@import "../node_modules/@syncfusion/ej2-ribbon/styles/material.css"; @import "../node_modules/@syncfusion/ej2-documenteditor/styles/material.css"; ``` -## Add the Syncfusion® Document Editor component +### Add the Syncfusion® Document Editor component -Add the DocumentEditorContainer component to your application. In the `src/App.tsx` file, add the following code to initialize the component: +Add the Document Editor component to your application. In the `src/App.jsx` file, add the following code to initialize the component: {% raw %} -```ts +```js import * as React from 'react'; import { DocumentEditorContainerComponent, Toolbar } from '@syncfusion/ej2-react-documenteditor'; @@ -96,23 +187,43 @@ export default App; > The hosted Web API URL is for demo and evaluation purposes only. For production, host your own web service using the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or the [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server). -#### Run the application +### Run the application Run the application using the following command: ```bash npm run dev ``` -Open http://localhost:3000 in your browser to see the DocumentEditorContainer output displayed as shown below. +Open http://localhost:3000 in your browser to run the application. -The DocumentEditorContainer output will be displayed as follows: +The Document Editor is displayed as shown below. {% tabs %} -{% highlight ts tabtitle="app.tsx" %} -{% include code-snippet/document-editor/react/base-cs3/app/index.tsx %} +{% highlight ts tabtitle="app.jsx" %} +{% include code-snippet/document-editor/react/base-cs3/app/index.jsx %} {% endhighlight %} {% endtabs %} {% previewsample "/document-processing/code-snippet/document-editor/react/base-cs3" %} +{% endtabcontent %} + +## Video tutorial + +To get started quickly with Document Editor component, you can check the video below. + +{% youtube "https://www.youtube.com/watch?v=tgJgvbnxdBA" %} + +## Server-side dependencies + +The Document Editor component requires server-side interactions for the following operations: + +* Open file formats other than SFDT +* Paste with formatting +* Restrict editing +* Spell check +* Save as file formats other than SFDT and DOCX + +>Note: If you don't require the above functionalities, you can deploy the component as a pure client-side solution without any server-side interactions. +For detailed information about server-side dependencies, refer to the [Web Services Overview](./web-services-overview) page. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/customize-documentEditor-component.md b/Document-Processing/Word/Word-Processor/react/how-to/customize-documentEditor-component.md new file mode 100644 index 0000000000..c9d123414f --- /dev/null +++ b/Document-Processing/Word/Word-Processor/react/how-to/customize-documentEditor-component.md @@ -0,0 +1,253 @@ +--- +layout: post +title: Customize DocumentEditor component in React DOCX Editor | Syncfusion +description: Learn how to customize the DocumentEditor component in Syncfusion React DOCX Editor and build a tailored user interface. +platform: document-processing +control: DocumentEditor +documentation: ug +domainurl: ##DomainURL## +--- + +## Customize DocumentEditor component in React DOCX Editor + +The DocumentEditor component provides a flexible foundation for creating, viewing, and editing Word documents. Unlike DocumentEditorContainer, this component allows you to customize the UI options based on your specific requirements + +## Difference between DocumentEditorContainer and DocumentEditor + +* **DocumentEditorContainer**: A complete solution with a predefined toolbar and properties pane for comprehensive document editing +* **DocumentEditor**: A customizable component where you build the UI according to your specific requirements. + +{% tabcontents %} + +{% tabcontent TypeScript %} + +## Adding DocumentEditor component + +Add the DocumentEditor component to your application. In the `src/App.tsx` file, add the following code to initialize the component with the required services + +```ts +import * as React from 'react'; +import { + DocumentEditorComponent, + Print, + SfdtExport, + WordExport, + TextExport, + Selection, + Search, + Editor, + ImageResizer, + EditorHistory, + ContextMenu, + OptionsPane, + HyperlinkDialog, + TableDialog, + BookmarkDialog, + TableOfContentsDialog, + PageSetupDialog, + StyleDialog, + ListDialog, + ParagraphDialog, + BulletsAndNumberingDialog, + FontDialog, + TablePropertiesDialog, + BordersAndShadingDialog, + TableOptionsDialog, + CellOptionsDialog, + StylesDialog +} from '@syncfusion/ej2-react-documenteditor'; + +DocumentEditorComponent.Inject( + Print, + SfdtExport, + WordExport, + TextExport, + Selection, + Search, + Editor, + ImageResizer, + EditorHistory, + ContextMenu, + OptionsPane, + HyperlinkDialog, + TableDialog, + BookmarkDialog, + TableOfContentsDialog, + PageSetupDialog, + StyleDialog, + ListDialog, + ParagraphDialog, + BulletsAndNumberingDialog, + FontDialog, + TablePropertiesDialog, + BordersAndShadingDialog, + TableOptionsDialog, + CellOptionsDialog, + StylesDialog +); + +function App() { + return ( + + ); +} + +export default App; +``` +> The hosted Web API URL is for demo and evaluation purposes only. For production, host your own web service using the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or the [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server). + +{% tabs %} +{% highlight ts tabtitle="app.tsx" %} +{% include code-snippet/document-editor/react/base-cs2/app/index.tsx %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "/document-processing/code-snippet/document-editor/react/base-cs2" %} + +{% endtabcontent %} + +{% tabcontent JavaScript %} + +## Adding DocumentEditor component + +Add the DocumentEditor component to your application. In the `src/App.jsx` file, add the following code to initialize the component with the required services + +```jsx +import React from 'react'; +import { + DocumentEditorComponent, + Print, + SfdtExport, + WordExport, + TextExport, + Selection, + Search, + Editor, + ImageResizer, + EditorHistory, + ContextMenu, + OptionsPane, + HyperlinkDialog, + TableDialog, + BookmarkDialog, + TableOfContentsDialog, + PageSetupDialog, + StyleDialog, + ListDialog, + ParagraphDialog, + BulletsAndNumberingDialog, + FontDialog, + TablePropertiesDialog, + BordersAndShadingDialog, + TableOptionsDialog, + CellOptionsDialog, + StylesDialog +} from '@syncfusion/ej2-react-documenteditor'; + +DocumentEditorComponent.Inject( + Print, + SfdtExport, + WordExport, + TextExport, + Selection, + Search, + Editor, + ImageResizer, + EditorHistory, + ContextMenu, + OptionsPane, + HyperlinkDialog, + TableDialog, + BookmarkDialog, + TableOfContentsDialog, + PageSetupDialog, + StyleDialog, + ListDialog, + ParagraphDialog, + BulletsAndNumberingDialog, + FontDialog, + TablePropertiesDialog, + BordersAndShadingDialog, + TableOptionsDialog, + CellOptionsDialog, + StylesDialog +); + +function App() { + return ( + + ); +} + +export default App; + +``` +> The hosted Web API URL is for demo and evaluation purposes only. For production, host your own web service using the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or the [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server). + +{% tabs %} +{% highlight ts tabtitle="app.jsx" %} +{% include code-snippet/document-editor/react/base-cs2/app/index.jsx %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "/document-processing/code-snippet/document-editor/react/base-cs2" %} + +{% endtabcontent %} + +{% endtabcontents %} \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/react/how-to/optimize-sfdt.md b/Document-Processing/Word/Word-Processor/react/how-to/optimize-sfdt.md index 4d74526312..a20b5f07b9 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/optimize-sfdt.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/optimize-sfdt.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to optimize the SFDT file -Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, +Starting from version v21.1.x, the SFDT file generated in DOCX Editor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, * File transfer between client and server through the internet gets faster. * The new optimized SFDT files require less storage space than the old SFDT files. Hence, the optimized SFDT file can't be directly manipulated as JSON string. diff --git a/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md b/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md index bb89858603..e50cbe9389 100644 --- a/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md +++ b/Document-Processing/Word/Word-Processor/react/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md @@ -1,6 +1,6 @@ --- layout: post -title: Deploy Syncfusion Word Processor in Amazon Kubernetes Service +title: Deploy Syncfusion DOCX Editor in Amazon Kubernetes Service description: Learn here all about How to deploy word processor server docker container in amazon kubernetes service in Syncfusion React Document editor. control: How to deploy word processor server docker container in amazon kubernetes service platform: document-processing @@ -15,7 +15,7 @@ domainurl: ##DomainURL## * `AWS CLI`: Install the AWS Command Line Interface (CLI) on your local machine. * `Kubectl` : Install the Kubernetes command-line tool kubectl on your local machine. * `Docker`: Install Docker on your local machine. -* `Word Processor Docker Image`: Have a Docker image of the Word Processor server ready to deploy. +* `DOCX Editor Docker Image`: Have a Docker image of the Word Processor server ready to deploy. To deploy the Word Processor server docker image, need to follow the below process 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 a46d0faf48..90f4fe2a7e 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 @@ -1,7 +1,7 @@ --- layout: post -title: How to deploy word processor server docker container in azure app service in React Document editor component | Syncfusion -description: Learn here all about How to deploy word processor server docker container in azure app service in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. +title: How to deploy DOCX Editor server docker container in azure app service in React Document editor component | Syncfusion +description: Learn here all about How to deploy DOCX Editor server docker container in azure app service in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. control: How to deploy word processor server docker container in azure app service platform: document-processing documentation: ug 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 b73906e4cc..ff6a6ee0b0 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 @@ -9,13 +9,13 @@ domainurl: ##DomainURL## --- # Word processor server docker image overview in React Document editor component -The Syncfusion® **Word Processor (also known as Document Editor)** is a component with editing capabilities like Microsoft Word. It is used to create, edit, view, and print Word documents. It provides all the common word processing abilities, including editing text; formatting contents; resizing images and tables; finding and replacing text; importing, exporting, and printing Word documents; and using bookmarks and tables of contents. +The Syncfusion® **DOCX Editor (also known as Document Editor)** is a component with editing capabilities like Microsoft Word. It is used to create, edit, view, and print Word documents. It provides all the common word processing abilities, including editing text; formatting contents; resizing images and tables; finding and replacing text; importing, exporting, and printing Word documents; and using bookmarks and tables of contents. -This Docker image is the predefined Docker container of Syncfusion’s Word Processor backend. You can deploy it quickly to your infrastructure. +This Docker image is the predefined Docker container of Syncfusion’s DOCX Editor backend. You can deploy it quickly to your infrastructure. -Word Processor is a commercial product, and it requires a valid license to use it in a production environment [`(request license or trial key).`](https://help.syncfusion.com/common/essential-studio/licensing/licensing-faq/where-can-i-get-a-license-key) +DOCX Editor is a commercial product, and it requires a valid license to use it in a production environment [`(request license or trial key).`](https://help.syncfusion.com/common/essential-studio/licensing/licensing-faq/where-can-i-get-a-license-key) -The Word Processor is supported in the JavaScript, Angular, React, Vue, ASP.NET Core, ASP.NET MVC, and Blazor platforms. +The DOCX Editor is supported in the JavaScript, Angular, React, Vue, ASP.NET Core, ASP.NET MVC, and Blazor platforms. ## Prerequisites @@ -24,7 +24,7 @@ Have [`Docker`](https://www.docker.com/products/container-runtime#/download) ins * On Windows, install [`Docker for Windows`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). * On macOS, install [`Docker for Mac`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). -## How to deploy Word Processor Docker image +## How to deploy DOCX Editor Docker image **Step 1:** Pull the word-processor-server image from Docker Hub. @@ -53,9 +53,9 @@ Have [`Docker`](https://www.docker.com/products/container-runtime#/download) ins docker-compose up ``` - Now the Word Processor server Docker instance runs in the localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the Word Processor Web API control `http://localhost:6002/api/documenteditor`. It returns the default get method response. + Now the Word Processor server Docker instance runs in the localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the DOCX Editor Web API control `http://localhost:6002/api/documenteditor`. It returns the default get method response. -**Step 4:** Append the Docker instance running the URL `(http://localhost:6002/api/documenteditor)` to the service URL in the client-side Word Processor control. For more information about how to get started with the Word Processor control, refer to this [`getting started page.`](../getting-started). +**Step 4:** Append the Docker instance running the URL `(http://localhost:6002/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). ## How to configure spell checker dictionaries path in Docker compose file @@ -178,4 +178,4 @@ ReactDOM.render(, document.getElementById('sample')); ``` -Refer to these getting started pages to create a Word Processor in [`Typescript`](../../javascript-es6/getting-started), [`Angular`](../../angular/getting-started), [`Vue`](../../vue/getting-started), [`ASP.NET MVC`](../../asp-net-mvc/getting-started), [`ASP.NET Core`](../../asp-net-core/getting-started-core), and [`Blazor`](../../blazor/getting-started/server-side-application). \ No newline at end of file +Refer to these getting started pages to create a DOCX Editor in [`Typescript`](../../javascript-es6/getting-started), [`Angular`](../../angular/getting-started), [`Vue`](../../vue/getting-started), [`ASP.NET MVC`](../../asp-net-mvc/getting-started), [`ASP.NET Core`](../../asp-net-core/getting-started-core), and [`Blazor`](../../blazor/getting-started/server-side-application). \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/react/track-changes.md b/Document-Processing/Word/Word-Processor/react/track-changes.md index 110315c28e..99a2ffc224 100644 --- a/Document-Processing/Word/Word-Processor/react/track-changes.md +++ b/Document-Processing/Word/Word-Processor/react/track-changes.md @@ -191,7 +191,7 @@ In DocumentEditor, we have built-in review panel in which we have provided suppo ## Custom metadata along with author -The Document Editor provides options to customize 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 you to attach additional metadata to tracked revisions in the Word Processor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the [`showCustomDataWithAuthor`](https://ej2.syncfusion.com/react/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property. +The Document Editor provides options to customize 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 you to attach additional metadata to tracked revisions in the DOCX Editor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the [`showCustomDataWithAuthor`](https://ej2.syncfusion.com/react/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property. The following example code illustrates how to enable and update custom metadata for track changes revisions. 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 d82dc37d39..be05a8b071 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 in React Document editor component -This page illustrates how to create web service in Java for the server-side dependent functionalities of Word Processor component a.k.a. Document Editor. Document Editor depends on server side interaction for below listed operations and it can be written in Java using `syncfusion-ej2-wordprocessor.jar` file. +This page illustrates how to create web service in Java for the server-side dependent functionalities of DOCX Editor component a.k.a. Document Editor. Document Editor depends on server side interaction for below listed operations and it can be written in Java using `syncfusion-ej2-wordprocessor.jar` file. * Import Word Document * Paste with formatting diff --git a/Document-Processing/Word/Word-Processor/vue/how-to/optimize-sfdt.md b/Document-Processing/Word/Word-Processor/vue/how-to/optimize-sfdt.md index 81ebb5ce7a..0c9f4f0779 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to/optimize-sfdt.md +++ b/Document-Processing/Word/Word-Processor/vue/how-to/optimize-sfdt.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to optimize the SFDT file -Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, +Starting from version v21.1.x, the SFDT file generated in DOCX Editor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, * File transfer between client and server through the internet gets faster. * The new optimized SFDT files require less storage space than the old SFDT files. Hence, the optimized SFDT file can't be directly manipulated as JSON string. diff --git a/Document-Processing/Word/Word-Processor/vue/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md b/Document-Processing/Word/Word-Processor/vue/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md index cdcc8487eb..6559fa4db9 100644 --- a/Document-Processing/Word/Word-Processor/vue/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md +++ b/Document-Processing/Word/Word-Processor/vue/server-deployment/how-to-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md @@ -1,6 +1,6 @@ --- layout: post -title: Deploy Syncfusion Word Processor in Amazon Kubernetes Service +title: Deploy Syncfusion DOCX Editor in Amazon Kubernetes Service description: Learn here all about How to deploy word processor server docker container in amazon kubernetes service in Syncfusion Document editor. control: How to deploy word processor server docker container in amazon kubernetes service platform: document-processing @@ -15,7 +15,7 @@ domainurl: ##DomainURL## * `AWS CLI`: Install the AWS Command Line Interface (CLI) on your local machine. * `Kubectl` : Install the Kubernetes command-line tool kubectl on your local machine. * `Docker`: Install Docker on your local machine. -* `Word Processor Docker Image`: Have a Docker image of the Word Processor server ready to deploy. +* `DOCX Editor Docker Image`: Have a Docker image of the Word Processor server ready to deploy. To deploy the Word Processor server docker image, need to follow the below process diff --git a/Document-Processing/Word/Word-Processor/vue/server-deployment/word-processor-server-docker-image-overview.md b/Document-Processing/Word/Word-Processor/vue/server-deployment/word-processor-server-docker-image-overview.md index 50404a4301..25eb9db234 100644 --- a/Document-Processing/Word/Word-Processor/vue/server-deployment/word-processor-server-docker-image-overview.md +++ b/Document-Processing/Word/Word-Processor/vue/server-deployment/word-processor-server-docker-image-overview.md @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # Word processor server docker image overview in Vue Document editor component -The Syncfusion® **Word Processor (also known as Document Editor)** is a component with editing capabilities like Microsoft Word. It is used to create, edit, view, and print Word documents. It provides all the common word processing abilities, including editing text; formatting contents; resizing images and tables; finding and replacing text; importing, exporting, and printing Word documents; and using bookmarks and tables of contents. +The Syncfusion® **DOCX Editor (also known as Document Editor)** is a component with editing capabilities like Microsoft Word. It is used to create, edit, view, and print Word documents. It provides all the common word processing abilities, including editing text; formatting contents; resizing images and tables; finding and replacing text; importing, exporting, and printing Word documents; and using bookmarks and tables of contents. -This Docker image is the predefined Docker container of Syncfusion’s® Word Processor backend. You can deploy it quickly to your infrastructure. +This Docker image is the predefined Docker container of Syncfusion’s® DOCX Editor backend. You can deploy it quickly to your infrastructure. -Word Processor is a commercial product, and it requires a valid license to use it in a production environment [`(request license or trial key).`](https://help.syncfusion.com/common/essential-studio/licensing/licensing-faq/where-can-i-get-a-license-key) +DOCX Editor is a commercial product, and it requires a valid license to use it in a production environment [`(request license or trial key).`](https://help.syncfusion.com/common/essential-studio/licensing/licensing-faq/where-can-i-get-a-license-key) -The Word Processor is supported in the JavaScript, Angular, React, Vue, ASP.NET Core, ASP.NET MVC, and Blazor platforms. +The DOCX Editor is supported in the JavaScript, Angular, React, Vue, ASP.NET Core, ASP.NET MVC, and Blazor platforms. ## Prerequisites @@ -25,7 +25,7 @@ Have [`Docker`](https://www.docker.com/products/container-runtime#/download) ins * On Windows, install [`Docker for Windows`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). * On macOS, install [`Docker for Mac`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). -## How to deploy Word Processor Docker image +## How to deploy DOCX Editor Docker image **Step 1:** Pull the word-processor-server image from Docker Hub. @@ -54,9 +54,9 @@ services: docker-compose up ``` -Now the Word Processor server Docker instance runs in the localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the Word Processor Web API control `http://localhost:6002/api/documenteditor`. It returns the default get method response. +Now the Word Processor server Docker instance runs in the localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the DOCX Editor Web API control `http://localhost:6002/api/documenteditor`. It returns the default get method response. -**Step 4:** Append the Docker instance running the URL `(http://localhost:6002/api/documenteditor)` to the service URL in the client-side Word Processor control. For more information about how to get started with the Word Processor control, refer to this [`getting started page.`](../getting-started) +**Step 4:** Append the Docker instance running the URL `(http://localhost:6002/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) ## How to configure spell checker dictionaries path in Docker compose file diff --git a/Document-Processing/Word/Word-Processor/vue/track-changes.md b/Document-Processing/Word/Word-Processor/vue/track-changes.md index c6d62fe71b..7d0e4d642a 100644 --- a/Document-Processing/Word/Word-Processor/vue/track-changes.md +++ b/Document-Processing/Word/Word-Processor/vue/track-changes.md @@ -167,7 +167,7 @@ In DocumentEditor, we have built-in review panel in which we have provided suppo ## Custom metadata along with author -The Document Editor provides options to customize revisions using [`revisionSettings`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [`customData`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/revisionsettings#customdata) property allows you to attach additional metadata to tracked revisions in the Word Processor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the [`showCustomDataWithAuthor`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property. +The Document Editor provides options to customize revisions using [`revisionSettings`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [`customData`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/revisionsettings#customdata) property allows you to attach additional metadata to tracked revisions in the DOCX Editor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the [`showCustomDataWithAuthor`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property. The following example code illustrates how to enable and update custom metadata for track changes revisions. diff --git a/Document-Processing/Word/Word-Processor/vue/web-services/java.md b/Document-Processing/Word/Word-Processor/vue/web-services/java.md index 5fb49438ca..745316fe4e 100644 --- a/Document-Processing/Word/Word-Processor/vue/web-services/java.md +++ b/Document-Processing/Word/Word-Processor/vue/web-services/java.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Java in Vue Document editor component -This page illustrates how to create web service in Java for the server-side dependent functionalities of Word Processor component a.k.a. Document Editor. Document Editor depends on server side interaction for below listed operations and it can be written in Java using `syncfusion-ej2-wordprocessor.jar` file. +This page illustrates how to create web service in Java for the server-side dependent functionalities of DOCX Editor component a.k.a. Document Editor. Document Editor depends on server side interaction for below listed operations and it can be written in Java using `syncfusion-ej2-wordprocessor.jar` file. * Import Word Document * Paste with formatting diff --git a/Document-Processing/Word/overview.md b/Document-Processing/Word/overview.md index 2e746eaf29..a40f9a499b 100644 --- a/Document-Processing/Word/overview.md +++ b/Document-Processing/Word/overview.md @@ -11,12 +11,12 @@ keywords: Word, SDK, Automation, API, create, view, edit, convert, read # Welcome to Syncfusion® Word Document Processing Framework -Syncfusion® Word Document Processing Framework is a collection of Word document processing library, Word converters and Word Processor component that works without Microsoft Office dependencies. It eases the developers, as they can just integrate and achieve the required Word document processing functionalities and concentrate on core logics of their application. +Syncfusion® Word Document Processing Framework is a collection of Word document processing library, Word converters and DOCX Editor component that works without Microsoft Office dependencies. It eases the developers, as they can just integrate and achieve the required Word document processing functionalities and concentrate on core logics of their application. ## List of Word Document Processing Products: * Word Library - is a class library used to create, read, and write Word documents through code in .NET [Windows Forms, WPF, ASP.NET MVC, ASP.NET Core, Blazor, MAUI] and Java applications. * Word Conversions - is a class library that convert Word documents to PDF, image, HTML, RTF, ODT, Markdown, Text. It also supports convert HTML, RTF, Markdown, Text to Word documents. -* Word Processor (Document Editor) - GUI component used to view, edit and print Word documents in JavaScript, Angular, React, Vue, ASP.NET MVC, ASP.NET Core, Blazor and WPF applications. +* DOCX Editor (Document Editor) - GUI component used to view, edit and print Word documents in JavaScript, Angular, React, Vue, ASP.NET MVC, ASP.NET Core, Blazor and WPF applications.