From 572cf8bec561a86574324c469d0804e19f91e8d1 Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Thu, 27 Aug 2026 09:18:01 +0530 Subject: [PATCH 1/6] Resolved redundant keyword usage in React DOCX Editor --- .../Word-Processor/react/accessibility.md | 8 ++--- .../Word/Word-Processor/react/bookmark.md | 8 ++--- .../Word/Word-Processor/react/chart.md | 8 ++--- .../Word/Word-Processor/react/clipboard.md | 26 ++++++++-------- .../react/collaborative-editing/overview.md | 2 +- .../using-redis-cache-asp-net-core.md | 20 ++++++------- .../using-redis-cache-java.md | 8 ++--- .../Word/Word-Processor/react/comments.md | 24 +++++++-------- .../Word-Processor/react/content-control.md | 2 +- .../Word/Word-Processor/react/dialog.md | 4 +-- .../react/document-management.md | 4 +-- .../Word/Word-Processor/react/export.md | 30 +++++++++---------- .../Word-Processor/react/faq/sfdt-faqs.md | 12 ++++---- .../react/faq/unsupported-file-format.md | 10 +++---- .../Word-Processor/react/feature-module.md | 6 ++-- .../Word/Word-Processor/react/fields.md | 8 ++--- .../Word-Processor/react/find-and-replace.md | 10 +++---- .../Word/Word-Processor/react/form-fields.md | 12 ++++---- .../Word/Word-Processor/react/global-local.md | 6 ++-- .../Word-Processor/react/header-footer.md | 4 +-- .../Word/Word-Processor/react/history.md | 12 ++++---- .../how-to/add-save-button-in-toolbar.md | 4 +-- .../auto-save-document-in-document-editor.md | 2 +- .../react/how-to/auto-save-document.md | 6 ++-- .../react/how-to/change-document-view.md | 10 +++---- ...nge-the-cursor-color-in-document-editor.md | 4 +-- ...ange-the-default-search-highlight-color.md | 6 ++-- .../react/how-to/customize-color-picker.md | 10 +++---- .../react/how-to/customize-context-menu.md | 16 +++++----- .../how-to/customize-font-family-drop-down.md | 4 +-- .../react/how-to/customize-ribbon.md | 20 ++++++------- .../react/how-to/customize-tool-bar.md | 4 +-- ...oy-document-editor-component-for-mobile.md | 14 ++++----- .../react/how-to/disable-auto-focus.md | 4 +-- .../react/how-to/disable-drag-and-drop.md | 10 +++---- ...ader-and-footer-edit-in-document-editor.md | 11 +++---- .../disable-optimized-text-measuring.md | 6 ++-- ...able-ruler-in-document-editor-component.md | 13 ++++---- .../react/how-to/export-document-as-pdf.md | 6 ++-- .../react/how-to/get-current-word.md | 9 +++--- .../react/how-to/get-the-selected-content.md | 8 ++--- .../hide-tool-bar-and-properties-pane.md | 12 ++++---- ...insert-page-number-and-navigate-to-page.md | 10 +++---- .../how-to/insert-text-in-current-position.md | 8 ++--- ...text-or-image-in-table-programmatically.md | 4 +-- .../move-selection-to-specific-position.md | 4 +-- .../react/how-to/open-default-document.md | 16 +++++----- .../react/how-to/open-document-by-address.md | 6 ++-- .../react/how-to/optimize-sfdt.md | 2 +- .../how-to/override-the-keyboard-shortcuts.md | 4 +-- .../perform-mail-merge-in-document-editor.md | 10 +++---- .../react/how-to/read-by-default.md | 6 ++-- .../react/how-to/resize-document-editor.md | 29 +++++++++--------- .../retrieve-the-bookmark-content-as-text.md | 16 +++++----- .../set-default-format-in-document-editor.md | 25 ++++++++-------- .../react/how-to/show-hide-spinner.md | 2 +- .../Word/Word-Processor/react/image.md | 10 +++---- .../Word/Word-Processor/react/import.md | 18 +++++------ .../Word/Word-Processor/react/link.md | 12 ++++---- .../Word/Word-Processor/react/list-format.md | 8 ++--- .../react/nextjs-getting-started.md | 22 +++++++------- .../Word/Word-Processor/react/notes.md | 13 ++++---- .../react/opening-documents/aws-s3-bucket.md | 8 ++--- .../opening-documents/azure-blob-storage.md | 8 ++--- .../box-cloud-file-storage.md | 8 ++--- .../dropbox-cloud-file-storage.md | 8 ++--- .../opening-documents/google-cloud-storage.md | 8 ++--- .../react/opening-documents/google-drive.md | 8 ++--- .../react/opening-documents/one-drive.md | 8 ++--- .../Word/Word-Processor/react/overview.md | 8 ++--- .../Word-Processor/react/paragraph-format.md | 8 ++--- .../Word/Word-Processor/react/print.md | 16 +++++----- .../Word-Processor/react/restrict-editing.md | 26 ++++++++-------- .../Word/Word-Processor/react/ribbon.md | 16 +++++----- .../Word-Processor/react/right-to-left.md | 4 +-- .../react/saving-documents/aws-s3-bucket.md | 6 ++-- .../saving-documents/azure-blob-storage.md | 6 ++-- .../box-cloud-file-storage.md | 6 ++-- .../dropbox-cloud-file-storage.md | 6 ++-- .../saving-documents/google-cloud-storage.md | 6 ++-- .../react/saving-documents/google-drive.md | 6 ++-- .../react/saving-documents/one-drive.md | 6 ++-- .../saving-documents/server-side-export.md | 2 +- .../Word-Processor/react/scrolling-zooming.md | 2 +- .../Word-Processor/react/section-format.md | 8 ++--- .../react/security-advisories.md | 4 +-- ...r-docker-container-in-azure-app-service.md | 4 +-- ...r-container-in-azure-kubernetes-service.md | 10 +++---- ...in-azure-app-service-from-visual-studio.md | 8 ++--- ...-processor-server-docker-image-overview.md | 4 +-- .../Word/Word-Processor/react/shapes.md | 7 +++-- .../Word/Word-Processor/react/spell-check.md | 14 ++++----- .../Word/Word-Processor/react/styles.md | 12 ++++---- .../react/supported-fileformats.md | 6 ++-- .../Word/Word-Processor/react/table-format.md | 12 ++++---- .../Word-Processor/react/table-of-contents.md | 8 ++--- .../Word/Word-Processor/react/table.md | 14 ++++----- .../Word/Word-Processor/react/text-format.md | 6 ++-- .../react/text-wrapping-style.md | 4 +-- .../Word-Processor/react/track-changes.md | 18 +++++------ .../document-loading-issue-with-404-error.md | 6 ++-- .../Word-Processor/react/ui-builder-skill.md | 28 ++++++++--------- .../react/unsupported-features.md | 2 +- .../Word/Word-Processor/react/view.md | 20 ++++++------- .../react/web-services-overview.md | 22 +++++++------- .../Word-Processor/react/web-services/core.md | 18 +++++------ .../Word-Processor/react/web-services/java.md | 20 ++++++------- .../Word-Processor/react/web-services/mvc.md | 12 ++++---- 108 files changed, 541 insertions(+), 534 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/react/accessibility.md b/Document-Processing/Word/Word-Processor/react/accessibility.md index cb031c09f2..f777fc8112 100644 --- a/Document-Processing/Word/Word-Processor/react/accessibility.md +++ b/Document-Processing/Word/Word-Processor/react/accessibility.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Accessibility in React DOCX Editor -The accessibility compliance for the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (also referred to as the Document Editor) component is outlined below. +The accessibility compliance for the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (also referred to as the Document Editor) component is outlined below. | Accessibility Criteria | Compatibility | | -- | -- | @@ -40,15 +40,15 @@ The accessibility compliance for the [React Document Editor](https://www.syncfus ## Keyboard Accessibility -For keyboard accessibility, the Document Editor supports a range of [keyboard shortcuts](./keyboard-shortcut) for navigation and editing without a mouse, including tab navigation, cursor movement, and shortcut key combinations for common editing actions such as copy, paste, undo, and redo. +For keyboard accessibility, the DOCX Editor supports a range of [keyboard shortcuts](./keyboard-shortcut) for navigation and editing without a mouse, including tab navigation, cursor movement, and shortcut key combinations for common editing actions such as copy, paste, undo, and redo. The following accessibility compliance summary applies to the `@syncfusion/ej2-react-documenteditor` package. ## Ensuring Accessibility -The Document Editor component's accessibility levels are ensured through an [accessibility-checker](https://www.npmjs.com/package/accessibility-checker) and [axe-core](https://www.npmjs.com/package/axe-core) software tools during automated testing. +The DOCX Editor component's accessibility levels are ensured through an [accessibility-checker](https://www.npmjs.com/package/accessibility-checker) and [axe-core](https://www.npmjs.com/package/axe-core) software tools during automated testing. -The accessibility compliance of the Document Editor component is shown in the following sample. Open the [sample](https://ej2.syncfusion.com/accessibility/wordprocessor.html) in a new window to evaluate the accessibility of the Document Editor component with accessibility tools. +The accessibility compliance of the DOCX Editor component is shown in the following sample. Open the [sample](https://ej2.syncfusion.com/accessibility/wordprocessor.html) in a new window to evaluate the accessibility of the DOCX Editor component with accessibility tools. {% previewsample "/document-processing/code-snippet/document-editor/react/accessibility-cs1" %} diff --git a/Document-Processing/Word/Word-Processor/react/bookmark.md b/Document-Processing/Word/Word-Processor/react/bookmark.md index e0a739e3e4..944597a7be 100644 --- a/Document-Processing/Word/Word-Processor/react/bookmark.md +++ b/Document-Processing/Word/Word-Processor/react/bookmark.md @@ -12,7 +12,7 @@ domainurl: ##DomainURL## Bookmark is a powerful tool that helps you to mark a place in the document to find again easily. You can enter many bookmarks in the document and give each one a unique name to identify easily. -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides built-in dialog to add, delete, and navigate bookmarks within the document. To add a bookmark, select a portion of text in the document. After that, jump to the location or add links to it within the document using built-in hyperlink dialog. You can also delete bookmarks from a document. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides built-in dialog to add, delete, and navigate bookmarks within the document. To add a bookmark, select a portion of text in the document. After that, jump to the location or add links to it within the document using built-in hyperlink dialog. You can also delete bookmarks from a document. >Bookmark names need to begin with a letter. They can include both numbers and letters, but not spaces. To separate the words, use an underscore. >Bookmark names starting with an underscore are called hidden bookmarks. For example, bookmarks generated for table of contents. @@ -65,7 +65,7 @@ this.container.documentEditor.selection.getBookmarks(false); ## Show or Hide Bookmark -You can show or hide the bookmark indicators around bookmarked items in Document Editor component. +You can show or hide the bookmark indicators around bookmarked items in DOCX Editor component. The following example code illustrates how to show or hide the bookmark indicators around bookmarked items. @@ -95,7 +95,7 @@ this.container.documentEditor.editor.insertText('Hello World'); ## Bookmark Dialog -The following example shows how to open bookmark dialog in Document Editor. +The following example shows how to open bookmark dialog in DOCX Editor. ```ts import * as ReactDOM from 'react-dom'; @@ -141,7 +141,7 @@ root.render(); ## Online Demo -Explore how to insert and manage bookmarks in Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/links-and-bookmarks). +Explore how to insert and manage bookmarks in Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/links-and-bookmarks). ## See Also diff --git a/Document-Processing/Word/Word-Processor/react/chart.md b/Document-Processing/Word/Word-Processor/react/chart.md index acae3dc6d2..c347bb96be 100644 --- a/Document-Processing/Word/Word-Processor/react/chart.md +++ b/Document-Processing/Word/Word-Processor/react/chart.md @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # Charts in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides chart preservation support. Using the Document Editor, you can view chart reports from your Word document. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides chart preservation support. Using the DOCX Editor, you can view chart reports from your Word document. -The following example shows chart preservation in the Document Editor. +The following example shows chart preservation in the DOCX Editor. {% tabs %} {% highlight js tabtitle="index.jsx" %} @@ -30,7 +30,7 @@ The following example shows chart preservation in the Document Editor. ## Supported Chart Types -The following chart types are supported in the Document Editor: +The following chart types are supported in the DOCX Editor: * Scatter_Markers * Bubble * Area @@ -53,4 +53,4 @@ The following chart types are supported in the Document Editor: ## Online Demo -Explore how to preserve charts in Word documents using the React Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/chart). \ No newline at end of file +Explore how to preserve charts in Word documents using the React DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/chart). diff --git a/Document-Processing/Word/Word-Processor/react/clipboard.md b/Document-Processing/Word/Word-Processor/react/clipboard.md index 0cff0b5bd1..4230f8ea5e 100644 --- a/Document-Processing/Word/Word-Processor/react/clipboard.md +++ b/Document-Processing/Word/Word-Processor/react/clipboard.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # Clipboard in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) takes advantage of the system clipboard and allows you to copy or move portions of the document to the clipboard in HTML format, so that it can be pasted into any application that supports clipboard operations. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) takes advantage of the system clipboard and allows you to copy or move portions of the document to the clipboard in HTML format, so that it can be pasted into any application that supports clipboard operations. ## Copy -Copy a portion of the document to the system clipboard using the built-in context menu of the Document Editor. You can also do it programmatically using the following sample code. +Copy a portion of the document to the system clipboard using the built-in context menu of the DOCX Editor. You can also do it programmatically using the following sample code. ```ts documentEditor.selection.copy(); @@ -22,7 +22,7 @@ documentEditor.selection.copy(); ## Cut -Cut a portion of the document to the system clipboard using the built-in context menu of the Document Editor. You can also do it programmatically using the following sample code. +Cut a portion of the document to the system clipboard using the built-in context menu of the DOCX Editor. You can also do it programmatically using the following sample code. ```ts documentEditor.editor.cut(); @@ -30,15 +30,15 @@ documentEditor.editor.cut(); ## Paste -Due to limitations, you can paste contents from the system clipboard into the Document Editor only using the **Ctrl + V** keyboard shortcut. +Due to limitations, you can paste contents from the system clipboard into the DOCX Editor only using the **Ctrl + V** keyboard shortcut. N> Due to browser limitations of getting content from the system clipboard, paste using the API and context menu options doesn't work. ## Local paste (copy/paste within control) -Document Editor exposes an API to enable local paste within the control. When enabled, the following occurs: +DOCX Editor exposes an API to enable local paste within the control. When enabled, the following occurs: * Selected contents will be stored to an internal clipboard as SFDT in addition to the system clipboard. -* Clipboard paste will be overridden, and the internally stored data (SFDT data) that has formatted text will be pasted using the `paste()` API in the Document Editor. +* Clipboard paste will be overridden, and the internally stored data (SFDT data) that has formatted text will be pasted using the `paste()` API in the DOCX Editor. ### Enable Local Paste @@ -91,7 +91,7 @@ documentEditor.editor.paste(); ### Paste options in context menu -In the Document Editor, paste options in the context menu will be in a disabled state if you try to copy/paste content from outside of the Document Editor. It gets enabled when `enableLocalPaste` is `true` and you copy/paste content within the Document Editor. +In the DOCX Editor, paste options in the context menu will be in a disabled state if you try to copy/paste content from outside of the DOCX Editor. It gets enabled when `enableLocalPaste` is `true` and you copy/paste content within the DOCX Editor. N> Due to browser limitations of getting content from the system clipboard, paste using the API and context menu options doesn't work. Hence, the paste option is disabled in the context menu. @@ -105,16 +105,16 @@ Alternatively, you can use the keyboard shortcuts: |**EnableLocalPaste** |**Paste behavior details**| |--------------------------|----------------------| -|True |Allows to paste content that is copied from the same Document Editor component alone and prevents pasting content from system clipboard. Hence the content copied from outside Document Editor component can’t be pasted.
Browser limitation of pasting from system clipboard using API and context menu options, will be resolved. So, you can copy and paste content within the Document Editor component using API and context menu options too.| -|False|Allows to paste content from system clipboard. Hence the content copied from both the Document Editor component and outside can be pasted.
Browser limitation of pasting from system clipboard using API and context menu options, will remain as a limitation.| +|True |Allows to paste content that is copied from the same DOCX Editor component alone and prevents pasting content from system clipboard. Hence the content copied from outside DOCX Editor component can’t be pasted.
Browser limitation of pasting from system clipboard using API and context menu options, will be resolved. So, you can copy and paste content within the DOCX Editor component using API and context menu options too.| +|False|Allows to paste content from system clipboard. Hence the content copied from both the DOCX Editor component and outside can be pasted.
Browser limitation of pasting from system clipboard using API and context menu options, will remain as a limitation.| N> * Keyboard shortcut for pasting will work properly in both cases. -* Copying content from the Document Editor component and pasting outside will work properly in both cases. +* Copying content from the DOCX Editor component and pasting outside will work properly in both cases. ## Paste with formatting -Document Editor provides support to paste the system clipboard data with formatting. To enable clipboard paste with formatting options, set the `enableLocalPaste` property in the Document Editor to `false` and use the `Syncfusion.EJ2.WordEditor.AspNet.Core` .NET Standard library for the ASP.NET Core web API service implementation. This library helps you to paste the system clipboard data with formatting. For details on setting up the web API service, refer to the [web services overview](./web-services-overview). +DOCX Editor provides support to paste the system clipboard data with formatting. To enable clipboard paste with formatting options, set the `enableLocalPaste` property in the DOCX Editor to `false` and use the `Syncfusion.EJ2.WordEditor.AspNet.Core` .NET Standard library for the ASP.NET Core web API service implementation. This library helps you to paste the system clipboard data with formatting. For details on setting up the web API service, refer to the [web services overview](./web-services-overview). You can paste your system clipboard data in the following ways: @@ -126,9 +126,9 @@ This paste option appears as follows. ![Image](images/paste.png) -N> When you paste content from an external source into the Document Editor, some formatting or elements may not appear as expected because certain elements are not supported. Refer [here](./unsupported-features) to learn more about unsupported elements. +N> When you paste content from an external source into the DOCX Editor, some formatting or elements may not appear as expected because certain elements are not supported. Refer [here](./unsupported-features) to learn more about unsupported elements. ## See Also * [Feature modules](./feature-module) -* [Keyboard shortcuts](./keyboard-shortcut#clipboard) \ No newline at end of file +* [Keyboard shortcuts](./keyboard-shortcut#clipboard) diff --git a/Document-Processing/Word/Word-Processor/react/collaborative-editing/overview.md b/Document-Processing/Word/Word-Processor/react/collaborative-editing/overview.md index 6ce5b1ebec..c58da62b3c 100644 --- a/Document-Processing/Word/Word-Processor/react/collaborative-editing/overview.md +++ b/Document-Processing/Word/Word-Processor/react/collaborative-editing/overview.md @@ -32,7 +32,7 @@ To support collaborative editing, it's crucial to have a backing system that tem With the distributed cache or database, all the editing operations are queued in order, and conflict resolution is performed using the `Operational Transformation` algorithm. -N> 1. To calculate the average requests per second of your application, assume the Document Editor in your live application is actively used by 1000 users, and each user's edit can trigger 2 to 5 requests per second. The total requests per second of your application will be around 2000 to 5000. In this case, you can finalize a configuration to support around 5000 average requests per second. +N> 1. To calculate the average requests per second of your application, assume the DOCX Editor in your live application is actively used by 1000 users, and each user's edit can trigger 2 to 5 requests per second. The total requests per second of your application will be around 2000 to 5000. In this case, you can finalize a configuration to support around 5000 average requests per second. N> 2. The above metrics are based solely on the collaborative editing module. Actual throughput may decrease depending on other server-side interactions, such as document importing, pasting formatted content, editing restrictions, and spell checking. Therefore, it is advisable to monitor your app's traffic and choose a configuration that best suits your needs. diff --git a/Document-Processing/Word/Word-Processor/react/collaborative-editing/using-redis-cache-asp-net-core.md b/Document-Processing/Word/Word-Processor/react/collaborative-editing/using-redis-cache-asp-net-core.md index 9bba94800c..919bc37959 100644 --- a/Document-Processing/Word/Word-Processor/react/collaborative-editing/using-redis-cache-asp-net-core.md +++ b/Document-Processing/Word/Word-Processor/react/collaborative-editing/using-redis-cache-asp-net-core.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # Collaborative Editing in React DOCX Editor with Redis in ASP.NET Core -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports collaborative editing which allows multiple users to work on the same document simultaneously. This can be done in real-time, so that collaborators can see the changes as they are made +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports collaborative editing which allows multiple users to work on the same document simultaneously. This can be done in real-time, so that collaborators can see the changes as they are made ## Prerequisites -The following are needed to enable collaborative editing in Document Editor. +The following are needed to enable collaborative editing in DOCX Editor. - SignalR - Redis @@ -95,7 +95,7 @@ The configuration and storage size of the Redis cache can be adjusted based on t Collaborative editing is built using three main components: -### Client (React Document Editor) +### Client (React DOCX Editor) - Captures user edits in the document @@ -121,15 +121,15 @@ Collaborative editing is built using three main components: ## Integrate collaborative editing in client side -### Step 1: Integrate Document Editor in React sample +### Step 1: Integrate DOCX Editor in React sample -Refer to the following documentation to get started with the [React Document Editor](https://help.syncfusion.com/document-processing/word/word-processor/react/getting-started) +Refer to the following documentation to get started with the [React DOCX Editor](https://help.syncfusion.com/document-processing/word/word-processor/react/getting-started) ### Step 2: Enable collaborative editing -To enable collaborative editing, inject [CollaborativeEditingHandler](https://ej2.syncfusion.com/documentation/api/document-editor/collaborativeeditinghandler) and set the [enableCollaborativeEditing](https://ej2.syncfusion.com/documentation/api/document-editor/index-default#enablecollaborativeediting) property to true in the Document Editor. +To enable collaborative editing, inject [CollaborativeEditingHandler](https://ej2.syncfusion.com/documentation/api/document-editor/collaborativeeditinghandler) and set the [enableCollaborativeEditing](https://ej2.syncfusion.com/documentation/api/document-editor/index-default#enablecollaborativeediting) property to true in the DOCX Editor. -The following code snippet demonstrates how to enable collaborative editing in the Document Editor. +The following code snippet demonstrates how to enable collaborative editing in the DOCX Editor. {% tabs %} {% highlight ts tabtitle="TS" %} @@ -179,7 +179,7 @@ render() { To broadcast changes and receive updates from remote users, install the [Microsoft SignalR npm](https://www.npmjs.com/package/@microsoft/signalr) package in your React application. -The following code snippet demonstrates how to configure SignalR in the Document Editor. +The following code snippet demonstrates how to configure SignalR in the DOCX Editor. {% tabs %} {% highlight ts tabtitle="TS" %} @@ -319,7 +319,7 @@ public openDocument(responseText: string, roomName: string): void { Changes made on the client side must be transmitted to the server to be broadcast to other connected users. -The following code snippet demonstrates how to send changes to the server using the [contentChange](https://ej2.syncfusion.com/documentation/api/document-editor/index-default#contentchange) event in the Document Editor. +The following code snippet demonstrates how to send changes to the server using the [contentChange](https://ej2.syncfusion.com/documentation/api/document-editor/index-default#contentchange) event in the DOCX Editor. {% tabs %} {% highlight ts tabtitle="TS" %} @@ -338,7 +338,7 @@ The complete version of the code discussed above is available at the following [ ## Integrate collaborative editing in server side -### Step 1: Create the Document Editor web service project +### Step 1: Create the DOCX Editor web service project Create an ASP.NET Core web service to handle server-side operations. diff --git a/Document-Processing/Word/Word-Processor/react/collaborative-editing/using-redis-cache-java.md b/Document-Processing/Word/Word-Processor/react/collaborative-editing/using-redis-cache-java.md index e53be65822..ea35c04370 100644 --- a/Document-Processing/Word/Word-Processor/react/collaborative-editing/using-redis-cache-java.md +++ b/Document-Processing/Word/Word-Processor/react/collaborative-editing/using-redis-cache-java.md @@ -14,16 +14,16 @@ This feature allows multiple users to work on the same document simultaneously i ## Prerequisites -The following are needed to enable collaborative editing in [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). +The following are needed to enable collaborative editing in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). - `SockJS` - `Redis` ## How to enable collaborative editing in client side -### Step 1: Enable collaborative editing in Document Editor +### Step 1: Enable collaborative editing in DOCX Editor -To enable collaborative editing, inject `CollaborativeEditingHandler` and set the property `enableCollaborativeEditing` to true in the Document Editor, like in the code snippet below. +To enable collaborative editing, inject `CollaborativeEditingHandler` and set the property `enableCollaborativeEditing` to true in the DOCX Editor, like in the code snippet below. ```typescript import { DocumentEditorContainerComponent, Toolbar, CollaborativeEditingHandler, ContainerContentChangeEventArgs, Operation, Inject, ToolbarItem } from '@syncfusion/ej2-react-documenteditor'; @@ -129,7 +129,7 @@ public connectToRoom(data: any) { ### Step 4: Broadcast current editing changes to remote users -Changes made on the client-side need to be sent to the server-side to broadcast them to other connected users. To send the changes made to the server, use the method shown below from the Document Editor using the `contentChange` event. +Changes made on the client-side need to be sent to the server-side to broadcast them to other connected users. To send the changes made to the server, use the method shown below from the DOCX Editor using the `contentChange` event. ```typescript this.container.contentChange = (args: ContainerContentChangeEventArgs) => { diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md index 2a71985d06..6bcd3784c5 100644 --- a/Document-Processing/Word/Word-Processor/react/comments.md +++ b/Document-Processing/Word/Word-Processor/react/comments.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Comments in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) allows you to add comments to documents. You can add, navigate and remove comments in code and from the UI. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) allows you to add comments to documents. You can add, navigate and remove comments in code and from the UI. To know more about the comments in DocumentEditor component, you can check the video below. @@ -67,15 +67,15 @@ let commentProperties: CommentProperties = { isResolved: false // The status of the comment; false indicates it is unresolved. }; -// Insert the comment with the specified properties into the Document Editor. +// Insert the comment with the specified properties into the DOCX Editor. let comment: Comment = documentEditor.editor.insertComment('Hello world', commentProperties); -// Insert a reply comment with specified properties into the Document Editor +// Insert a reply comment with specified properties into the DOCX Editor documentEditor.editor.insertReplyComment(comment.id, 'Hello world', commentProperties); ``` ## Get Comments -Document Editor allows you to get the comments along with their replies and comment properties using [`getComments`](https://ej2.syncfusion.com/react/documentation/api/document-editor#getcomments). +DOCX Editor allows you to get the comments along with their replies and comment properties using [`getComments`](https://ej2.syncfusion.com/react/documentation/api/document-editor#getcomments). ```ts //Get Comments in the document along with the properties author, date, status. @@ -122,11 +122,11 @@ documentEditor.editor.deleteAllComments(); ## Protect the document in comments only mode -Document Editor provides support for protecting the document with `CommentsOnly` protection. In this protection, users are allowed to add or edit comments alone in the document. +DOCX Editor provides support for protecting the document with `CommentsOnly` protection. In this protection, users are allowed to add or edit comments alone in the document. -Document 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. +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 Document Editor container. +The following example code illustrates how to enforce and stop protection in DOCX Editor container. ```ts import { createRoot } from 'react-dom/client'; @@ -166,7 +166,7 @@ export default App; createRoot(document.getElementById('sample')).render(); ``` -> 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. Comment only protection can be enabled in the UI by using [Restrict Editing pane](./document-management#restrict-editing-pane) @@ -178,7 +178,7 @@ N> In the enforceProtection method, the first parameter denotes the password and Mention support displays a list of items that users can select or tag from the suggested list. To use this feature, type the @ character in the comment box and select or tag the user from the suggestion list. -The following example illustrates how to enable mention support in the Document Editor +The following example illustrates how to enable mention support in the DOCX Editor ```ts @@ -220,7 +220,7 @@ createRoot(document.getElementById('sample')).render(); ``` -> 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. ## Events @@ -294,8 +294,8 @@ const root = createRoot(document.getElementById('sample')); root.render(); ``` -> 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 add, view, and manage comments in Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/comments). \ No newline at end of file +Explore how to add, view, and manage comments in Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/comments). diff --git a/Document-Processing/Word/Word-Processor/react/content-control.md b/Document-Processing/Word/Word-Processor/react/content-control.md index 51ce2beb55..fc89b38a44 100644 --- a/Document-Processing/Word/Word-Processor/react/content-control.md +++ b/Document-Processing/Word/Word-Processor/react/content-control.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Content Controls in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides support for inserting, editing content controls. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides support for inserting, editing content controls. Content controls can be categorized based on their occurrence in a document as follows: diff --git a/Document-Processing/Word/Word-Processor/react/dialog.md b/Document-Processing/Word/Word-Processor/react/dialog.md index a7814ee96a..1dd5acd8a7 100644 --- a/Document-Processing/Word/Word-Processor/react/dialog.md +++ b/Document-Processing/Word/Word-Processor/react/dialog.md @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # Dialogs in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides dialog support for major operations such as inserting or editing hyperlinks, and formatting text, paragraph, style, list, and table properties. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides dialog support for major operations such as inserting or editing hyperlinks, and formatting text, paragraph, style, list, and table properties. ## Font Dialog 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. ->Document 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)'. +>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. Refer to the following example. diff --git a/Document-Processing/Word/Word-Processor/react/document-management.md b/Document-Processing/Word/Word-Processor/react/document-management.md index fc8e88dce8..8605752cf7 100644 --- a/Document-Processing/Word/Word-Processor/react/document-management.md +++ b/Document-Processing/Word/Word-Processor/react/document-management.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Document Management in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides support for restricting editing. When the protected document includes range permissions, only the unique user or user group is authorized to edit a separate text area. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides support for restricting editing. When the protected document includes range permissions, only the unique user or user group is authorized to edit a separate text area. ## Set current user @@ -66,7 +66,7 @@ The following code shows the Restrict Editing Pane. To unprotect the document, u {% previewsample "/document-processing/code-snippet/document-editor/react/base-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 to 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 it 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 to 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 it for the serviceUrl property. ## See Also diff --git a/Document-Processing/Word/Word-Processor/react/export.md b/Document-Processing/Word/Word-Processor/react/export.md index 1dc4e8f442..b31dbaaa84 100644 --- a/Document-Processing/Word/Word-Processor/react/export.md +++ b/Document-Processing/Word/Word-Processor/react/export.md @@ -10,18 +10,18 @@ domainurl: ##DomainURL## # Export in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) exports the document into various known file formats on the client side, such as Microsoft Word document (.docx), Microsoft Word Template (.dotx), text document (.txt), and its own format called **Syncfusion® Document Text (.sfdt)**. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) exports the document into various known file formats on the client side, such as Microsoft Word document (.docx), Microsoft Word Template (.dotx), text document (.txt), and its own format called **Syncfusion® Document Text (.sfdt)**. Two types of save APIs are provided as mentioned below. -|API name|Purpose|Code Snippet for Document Editor|Code Snippet for Document Editor Container| +|API name|Purpose|Code Snippet for DOCX Editor|Code Snippet for DOCX 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')| ## SFDT export -The following example shows how to export documents in the Document Editor as Syncfusion® document text (.sfdt). +The following example shows how to export documents in the DOCX Editor as Syncfusion® document text (.sfdt). {% tabs %} {% highlight js tabtitle="index.jsx" %} @@ -51,9 +51,9 @@ The following example shows how to export documents in the Document Editor as Sy {% previewsample "/document-processing/code-snippet/document-editor/react/export-container-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 to 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 it 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 to 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 it for the serviceUrl property. ->Document Editor features are segregated into individual feature-wise modules. To use SFDT export, inject the `SfdtExport` module using `DocumentEditor.Inject(SfdtExport)`. +>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. @@ -61,7 +61,7 @@ The following example shows how to export documents in the Document Editor as Sy The following example shows how to export the document as a Word document (.docx). -N> The React Document Editor component's document pagination (page-by-page display) can't be guaranteed for all Word documents to match the pagination of the Microsoft Word application. For more information about [why the document pagination (page-by-page display) differs from Microsoft Word](./import#why-the-document-pagination-differs-from-microsoft-word) +N> The React DOCX Editor component's document pagination (page-by-page display) can't be guaranteed for all Word documents to match the pagination of the Microsoft Word application. For more information about [why the document pagination (page-by-page display) differs from Microsoft Word](./import#why-the-document-pagination-differs-from-microsoft-word) {% tabs %} {% highlight js tabtitle="index.jsx" %} @@ -91,9 +91,9 @@ N> The React Document Editor component's document pagination (page-by-page displ {% previewsample "/document-processing/code-snippet/document-editor/react/export-container-cs2" %} -> 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 to 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 it 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 to 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 it for the serviceUrl property. ->Document Editor features are segregated into individual feature-wise modules. To use Word export, inject the `WordExport` and `SfdtExport` modules using `DocumentEditor.Inject(WordExport, SfdtExport)`. +>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. @@ -101,7 +101,7 @@ N> The React Document Editor component's document pagination (page-by-page displ The following example shows how to export the document as a Word Template (.dotx). -N> The React Document Editor component's document pagination (page-by-page display) can't be guaranteed for all Word documents to match the pagination of the Microsoft Word application. For more information about [why the document pagination (page-by-page display) differs from Microsoft Word](./import#why-the-document-pagination-differs-from-microsoft-word) +N> The React DOCX Editor component's document pagination (page-by-page display) can't be guaranteed for all Word documents to match the pagination of the Microsoft Word application. For more information about [why the document pagination (page-by-page display) differs from Microsoft Word](./import#why-the-document-pagination-differs-from-microsoft-word) {% tabs %} {% highlight js tabtitle="index.jsx" %} @@ -131,9 +131,9 @@ N> The React Document Editor component's document pagination (page-by-page displ {% previewsample "/document-processing/code-snippet/document-editor/react/export-container-cs4" %} -> 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 to 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 it 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 to 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 it for the serviceUrl property. ->Document 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)`. +>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. @@ -167,17 +167,17 @@ The following example shows how to export the document as a text document (.txt) {% endhighlight %} {% endtabs %} -> 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 to 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 it 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 to 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 it for the serviceUrl property. {% previewsample "/document-processing/code-snippet/document-editor/react/export-container-cs3" %} ->Document 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)`. +>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. ## Export as blob -Document Editor also supports an API to store the document into a blob. Refer to the following sample to export the document into a blob on the client side. +DOCX Editor also supports an API to store the document into a blob. Refer to the following sample to export the document into a blob on the client side. ```ts @@ -299,7 +299,7 @@ On the client side, you can consume this web service and save the document as a ## Online Demo -Explore how to export Word documents in various formats using the React Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/advanced-exporting). +Explore how to export Word documents in various formats using the React DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/advanced-exporting). ## See Also diff --git a/Document-Processing/Word/Word-Processor/react/faq/sfdt-faqs.md b/Document-Processing/Word/Word-Processor/react/faq/sfdt-faqs.md index 7affbd7a85..9ad25a20b0 100644 --- a/Document-Processing/Word/Word-Processor/react/faq/sfdt-faqs.md +++ b/Document-Processing/Word/Word-Processor/react/faq/sfdt-faqs.md @@ -10,15 +10,15 @@ domainurl: ##DomainURL## # FAQs about SFDT in React DOCX Editor -The frequently asked questions about SFDT in [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) are listed below: +The frequently asked questions about SFDT in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) are listed below: ## What is SFDT format? -SFDT (Syncfusion Document Text) is a JSON-based representation of a DOCX document used internally by the Document Editor. It is not a new or separate file format; instead, it is a structured JSON equivalent of a DOCX file, designed to represent the same document content. SFDT uses a hierarchical key–value structure to describe document elements such as sections, paragraphs, text, styles, tables, and images, closely matching the structure of a Word document. +SFDT (Syncfusion Document Text) is a JSON-based representation of a DOCX document used internally by the DOCX Editor. It is not a new or separate file format; instead, it is a structured JSON equivalent of a DOCX file, designed to represent the same document content. SFDT uses a hierarchical key–value structure to describe document elements such as sections, paragraphs, text, styles, tables, and images, closely matching the structure of a Word document. ## Is it possible to modify SFDT? -It is not recommended to modify SFDT directly (either manually or programmatically). The format is designed for internal use by the Document Editor, and even small changes can break the document structure or cause unexpected behavior. +It is not recommended to modify SFDT directly (either manually or programmatically). The format is designed for internal use by the DOCX Editor, and even small changes can break the document structure or cause unexpected behavior. ## What are the advantages of SFDT over DOCX? @@ -34,14 +34,14 @@ SFDT is optimized for web-based document editing scenarios. SFDT is suitable in the following scenarios: -- Applications where documents are edited within the browser using the Document Editor, and the document state needs to be saved and reopened later in the same editor. +- Applications where documents are edited within the browser using the DOCX Editor, and the document state needs to be saved and reopened later in the same editor. - Use cases that require efficient storage in a database and quick reloading for further editing. ## Can SFDT be converted back to DOCX? -Yes. You can easily convert SFDT back to DOCX or other [supported formats](../supported-fileformats) in the Document Editor. +Yes. You can easily convert SFDT back to DOCX or other [supported formats](../supported-fileformats) in the DOCX Editor. ## Are any features unavailable when using SFDT? -No. SFDT fully represents the document structure similar to DOCX, so all Document Editor features are supported when working with SFDT. \ No newline at end of file +No. SFDT fully represents the document structure similar to DOCX, so all DOCX Editor features are supported when working with SFDT. 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 1eacecef28..6e42fc70d3 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 @@ -10,14 +10,14 @@ domainurl: ##DomainURL## # Supported File Formats in React DOCX Editor -If you receive a "The file format you have selected isn't supported. Please choose a valid format." message when opening a document in the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), it typically indicates that the document format is not supported by the current version of the Document Editor. Here are some common reasons for this warning: +If you receive a "The file format you have selected isn't supported. Please choose a valid format." message when opening a document in the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), it typically indicates that the document format is not supported by the current version of the DOCX Editor. Here are some common reasons for this warning: -1. Unsupported File Format: The document you are trying to open might be in a format that the Document Editor does not support. Ensure you are using a supported format, such as SFDT. +1. Unsupported File Format: The document you are trying to open might be in a format that the DOCX Editor does not support. Ensure you are using a supported format, such as SFDT. 2. Corrupted Document: The document file might be corrupted or improperly formatted. Try opening a different document to see if the issue persists. -To avoid this warning, always use the recommended document formats and features supported by the Document Editor. +To avoid this warning, always use the recommended document formats and features supported by the DOCX Editor. -Document Editor supports the following file formats: +DOCX Editor supports the following file formats: * Word Document (*.docx) * Syncfusion Document Text (*.sfdt) * Plain Text (*.txt) @@ -28,4 +28,4 @@ Document Editor supports the following file formats: * Word 97-2003 Template (*.dot) * Word 97-2003 Document (*.doc) -By using these supported formats, you can ensure compatibility and avoid unsupported warning messages when opening documents in the Document Editor. \ No newline at end of file +By using these supported formats, you can ensure compatibility and avoid unsupported warning messages when opening documents in the DOCX Editor. diff --git a/Document-Processing/Word/Word-Processor/react/feature-module.md b/Document-Processing/Word/Word-Processor/react/feature-module.md index 22609a933d..f2b0fefa4f 100644 --- a/Document-Processing/Word/Word-Processor/react/feature-module.md +++ b/Document-Processing/Word/Word-Processor/react/feature-module.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Feature Modules in React DOCX Editor -[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) features are segregated into individual feature-wise modules to enable selective referencing. By default, the Document Editor displays the document in read-only mode. The required modules should be injected to extend its functionality. The following are the selective modules of Document Editor that can be included as required: +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) features are segregated into individual feature-wise modules to enable selective referencing. By default, the DOCX Editor displays the document in read-only mode. The required modules should be injected to extend its functionality. The following are the selective modules of DOCX Editor that can be included as required: * **Print** - Prints the document. * **SfdtExport** - Exports the document as Syncfusion Document Text (.SFDT) file. * **Selection** - Selects a portion of the document and copies it to the clipboard. @@ -21,10 +21,10 @@ domainurl: ##DomainURL## * **EditorHistory** - Maintains the history of editing operations so that you can perform undo and redo at any time. * User interface options such as context menu, options pane, image resizer, and dialog are available as individual modules. ->In addition to injecting the required modules in your application, enable corresponding properties to extend the functionality for a Document Editor instance. +>In addition to injecting the required modules in your application, enable corresponding properties to extend the functionality for a DOCX Editor instance. Refer to the following table. -| Module | Dependent modules to be injected for extending the functionality of Document Editor in your application | Property to enable the functionality for a Document Editor instance | +| Module | Dependent modules to be injected for extending the functionality of DOCX Editor in your application | Property to enable the functionality for a DOCX Editor instance | |---|---|---| |Print|`DocumentEditor.Inject(Print)`|``| |SfdtExport|`DocumentEditor.Inject(SfdtExport)`|``| diff --git a/Document-Processing/Word/Word-Processor/react/fields.md b/Document-Processing/Word/Word-Processor/react/fields.md index 4353cc98c4..87b875f8fb 100644 --- a/Document-Processing/Word/Word-Processor/react/fields.md +++ b/Document-Processing/Word/Word-Processor/react/fields.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Fields in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) has preservation support for all types of fields in an existing word document without any data loss. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) has preservation support for all types of fields in an existing word document without any data loss. ## Adding Fields @@ -24,11 +24,11 @@ let fieldResult: string = '«First Name»'; documenteditor.editor.insertField(fieldCode, fieldResult); ``` -N> Document Editor does not validate/process the field code/field result. It simply inserts the field with specified field information. +N> DOCX Editor does not validate/process the field code/field result. It simply inserts the field with specified field information. ## Update fields -Document Editor provides support for updating bookmark cross reference fields. The following example code illustrates how to update bookmark cross reference fields. +DOCX Editor provides support for updating bookmark cross reference fields. The following example code illustrates how to update bookmark cross reference fields. ```ts //Update all the bookmark cross reference fields in the document. @@ -39,7 +39,7 @@ Bookmark cross reference fields can be updated through UI by using update fields ![Update bookmark cross reference field.](images/updatefields.png) -The following type of fields are automatically updated in Document Editor. +The following type of fields are automatically updated in DOCX Editor. * NUMPAGES * SECTION 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 2b1ae2188c..cc33d700a1 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 Document Editor. + //Open the document in DOCX Editor. documenteditor.open(sfdt); } @@ -89,7 +89,7 @@ You can close the options pane by pressing `Esc` key. ## Search -The [`Search`](https://ej2.syncfusion.com/react/documentation/api/document-editor/search) module of Document Editor exposes the following APIs: +The [`Search`](https://ej2.syncfusion.com/react/documentation/api/document-editor/search) module of DOCX Editor exposes the following APIs: |API Name|Type |Description| |---|---|---| @@ -101,7 +101,7 @@ The [`Search`](https://ej2.syncfusion.com/react/documentation/api/document-edito Using [`find()`](https://ej2.syncfusion.com/react/documentation/api/document-editor/search#find) method, you can find the immediate occurrence of specified text from current cursor position in the document. -The following example code illustrates how to use find in Document Editor. +The following example code illustrates how to use find in DOCX Editor. ```ts documenteditor.search.find('Some text', 'None'); @@ -136,7 +136,7 @@ The [`SearchResults`](https://ej2.syncfusion.com/react/documentation/api/documen Using [`replaceAll`](https://ej2.syncfusion.com/react/documentation/api/document-editor/searchResults#replaceall), you can replace all the occurrences with specified text. -The following example code illustrates how to use Replace All in Document Editor. +The following example code illustrates how to use Replace All in DOCX Editor. ```ts documentEditor.search.findAll ('Some text'); @@ -213,7 +213,7 @@ function App() { } ] }`; - //Open the document in Document Editor. + //Open the document in DOCX Editor. documenteditor.open(sfdt); } diff --git a/Document-Processing/Word/Word-Processor/react/form-fields.md b/Document-Processing/Word/Word-Processor/react/form-fields.md index 1ae417f4e7..612e78dea6 100644 --- a/Document-Processing/Word/Word-Processor/react/form-fields.md +++ b/Document-Processing/Word/Word-Processor/react/form-fields.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Form Fields in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) Container component provides support for inserting Text, CheckBox, DropDown form fields through in-built toolbar. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) Container component provides support for inserting Text, CheckBox, DropDown form fields through in-built toolbar. ![Form Fields](images/toolbar-form-fields.png) @@ -122,11 +122,11 @@ documentEditor.resetFormFields(); ## Protect the document in form filling mode -Document Editor provides support for protecting the document with `FormFieldsOnly` protection. In this protection, user can only fill form fields in the document. +DOCX Editor provides support for protecting the document with `FormFieldsOnly` protection. In this protection, user can only fill form fields in the document. -Document 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. +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 Document Editor container. +The following example code illustrates how to enforce and stop protection in DOCX Editor container. ```ts import { createRoot } from 'react-dom/client'; @@ -168,10 +168,10 @@ createRoot(document.getElementById('sample')).render(); ``` -> 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> In enforce Protection method, first parameter denotes password and second parameter denotes protection type. Possible values of protection type are `NoProtection |ReadOnly |FormFieldsOnly |CommentsOnly`. In stop protection method, parameter denotes the password. ## Online Demo -Explore how to insert and manage form fields in Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/form-fields). \ No newline at end of file +Explore how to insert and manage form fields in Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/form-fields). diff --git a/Document-Processing/Word/Word-Processor/react/global-local.md b/Document-Processing/Word/Word-Processor/react/global-local.md index 103e64d10d..226d00477d 100644 --- a/Document-Processing/Word/Word-Processor/react/global-local.md +++ b/Document-Processing/Word/Word-Processor/react/global-local.md @@ -12,11 +12,11 @@ domainurl: ##DomainURL## ## Localization -The `Localization` library allows you to localize default text content of the Document Editor. The [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component has static text on some features (like find & replace, context-menu, dialogs) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the locale value and translation object. Please refer to the sample link [RTL](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/right-to-left) +The `Localization` library allows you to localize default text content of the DOCX Editor. The [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component has static text on some features (like find & replace, context-menu, dialogs) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the locale value and translation object. Please refer to the sample link [RTL](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/right-to-left) N> Please refer to the [Locale](https://github.com/syncfusion/ej2-locale). -## Document Editor +## DOCX Editor The following list of properties and its values are used in the document editor. @@ -363,7 +363,7 @@ Reject Changes | Reject Changes User | User View | View -## Document Editor Container +## DOCX 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/header-footer.md b/Document-Processing/Word/Word-Processor/react/header-footer.md index db72bf058a..2e55f27076 100644 --- a/Document-Processing/Word/Word-Processor/react/header-footer.md +++ b/Document-Processing/Word/Word-Processor/react/header-footer.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Headers and Footers in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports headers and footers in its document. Each section in the document can have the following types of headers and footers: +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports headers and footers in its document. Each section in the document can have the following types of headers and footers: * First page: Used only on the first page of the section. * Even pages: Used on all even numbered pages in the section. @@ -87,7 +87,7 @@ documenteditor.selection.closeHeaderFooter() ## Online Demo -Explore how to add and customize headers and footers in Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/headers-and-footers). +Explore how to add and customize headers and footers in Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/headers-and-footers). ## See Also diff --git a/Document-Processing/Word/Word-Processor/react/history.md b/Document-Processing/Word/Word-Processor/react/history.md index 026782ce30..4ada920ec9 100644 --- a/Document-Processing/Word/Word-Processor/react/history.md +++ b/Document-Processing/Word/Word-Processor/react/history.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # History in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) tracks the history of all editing actions done in the document, which allows undo and redo functionality. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) tracks the history of all editing actions done in the document, which allows undo and redo functionality. ## Enable or disable history -Inject the ‘EditorHistory’ module in your application to provide history preservation functionality for the Document Editor. Refer to the following code example. +Inject the ‘EditorHistory’ module in your application to provide history preservation functionality for the DOCX Editor. Refer to the following code example. ```ts @@ -41,7 +41,7 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` -You can enable or disable history preservation for the Document Editor instance at any time using the ‘enableEditorHistory’ property. Refer to the following sample code. +You can enable or disable history preservation for the DOCX Editor instance at any time using the ‘enableEditorHistory’ property. Refer to the following sample code. ```ts documenteditor.enableEditorHistory = false; @@ -49,8 +49,8 @@ documenteditor.enableEditorHistory = false; ## Undo and Redo -You can perform undo and redo using the ‘Ctrl+Z’ and ‘Ctrl+Y’ keyboard shortcuts. The Document Editor exposes APIs to do it programmatically. -To undo the last editing operation in the Document Editor, refer to the following sample code. +You can perform undo and redo using the ‘Ctrl+Z’ and ‘Ctrl+Y’ keyboard shortcuts. The DOCX Editor exposes APIs to do it programmatically. +To undo the last editing operation in the DOCX Editor, refer to the following sample code. ```ts documenteditor.editorHistory.undo(); @@ -64,7 +64,7 @@ documenteditor.editorHistory.redo(); ## Stack Size -History of editing actions is maintained in a stack, so that the last item will be reverted first. By default, the Document Editor limits the size of undo and redo stacks to 500 each respectively. However, you can customize this limit. Refer to the following sample code. +History of editing actions is maintained in a stack, so that the last item will be reverted first. By default, the DOCX Editor limits the size of undo and redo stacks to 500 each respectively. However, you can customize this limit. Refer to the following sample code. ```ts documenteditor.editorHistory.undoLimit = 400; 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 88d6f47cd3..4b46d3b518 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,9 +10,9 @@ domainurl: ##DomainURL## # How to Add Save Button in Toolbar in React DOCX Editor -## To Add a Save Button to the Existing Toolbar in the Document Editor Container +## To Add a Save Button to the Existing Toolbar in the DOCX Editor Container -[React Document 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). +[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). {% raw %} ```ts diff --git a/Document-Processing/Word/Word-Processor/react/how-to/auto-save-document-in-document-editor.md b/Document-Processing/Word/Word-Processor/react/how-to/auto-save-document-in-document-editor.md index 5fb6c57201..da4ce120a4 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/auto-save-document-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/auto-save-document-in-document-editor.md @@ -83,7 +83,7 @@ The following example illustrates how to auto save the document in AWS S3. ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. * In the server-side, configure the access key and secret key in the `web.config` file and register the profile in `startup.cs`. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/auto-save-document.md b/Document-Processing/Word/Word-Processor/react/how-to/auto-save-document.md index 50a33172f7..d5a453a6aa 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/auto-save-document.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/auto-save-document.md @@ -2,7 +2,7 @@ layout: post title: How to Auto Save Document in React DOCX Editor | Syncfusion description: Automatically save edited documents to the server at regular intervals in Syncfusion® React DOCX Editor to prevent data loss. -control: Auto save document in Document Editor +control: Auto save document in DOCX Editor platform: document-processing documentation: ug domainurl: ##DomainURL## @@ -81,7 +81,7 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` -> 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. * On the server side, receive the stream content from the client side and process it to save the document in AWS S3. Add Web API in the controller file like below to save the document in AWS S3. @@ -103,7 +103,7 @@ public string AutoSave() ## Online Demo -Explore how to automatically save Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/material3/document-editor/default). +Explore how to automatically save Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/material3/document-editor/default). ## See Also * [Auto save document in DocumentEditor](../how-to/auto-save-document-in-document-editor) 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 5343332eb5..9a98187676 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 @@ -10,22 +10,22 @@ domainurl: ##DomainURL## # How to Change Document View in React DOCX Editor -## How to change the document view in the Document Editor component +## How to change the document view in the DOCX Editor component -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) allows you to change the view to web layout or print layout using the [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor#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) allows you to change the view to web layout or print layout using the [`layoutType`](https://ej2.syncfusion.com/react/documentation/api/document-editor#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#layouttype) in the Document Editor 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#layouttype) in the DOCX Editor component is [`Pages`](https://ej2.syncfusion.com/react/documentation/api/document-editor/layoutType). ## How to change the document view in the DocumentEditorContainer component -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). +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). ``` ``` -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). \ No newline at end of file +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). 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 744dc48c0d..660971755a 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 @@ -2,7 +2,7 @@ layout: post title: How to Change Cursor Color in React DOCX Editor | Syncfusion description: Change the default cursor color in Syncfusion® React DOCX Editor by overriding CSS properties and customizing the editor appearance. -control: Change the cursor color in Document Editor +control: Change the cursor color in DOCX Editor platform: document-processing documentation: ug domainurl: ##DomainURL## @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Change Cursor Color in React DOCX Editor -The default cursor color of the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) is black. The user can change the color by overriding the CSS property using the class name. The Document Editor cursor CSS has a class named `e-de-blink-cursor`. +The default cursor color of the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) is black. The user can change the color by overriding the CSS property using the class name. The DOCX Editor cursor CSS has a class named `e-de-blink-cursor`. Please refer to the below code snippet to change the cursor color to red. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/change-the-default-search-highlight-color.md b/Document-Processing/Word/Word-Processor/react/how-to/change-the-default-search-highlight-color.md index 1c53707abb..38ab3898f0 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/change-the-default-search-highlight-color.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/change-the-default-search-highlight-color.md @@ -2,7 +2,7 @@ layout: post title: How to Change Search Highlight Color in React DOCX Editor | Syncfusion description: Change the default search highlight color in Syncfusion® React DOCX Editor using the search highlight color property to customize search result highlighting. -control: Change the default search highlight color in Document Editor +control: Change the default search highlight color in DOCX Editor platform: document-processing documentation: ug domainurl: ##DomainURL## @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Change Search Highlight Color in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides an option to change the default search highlight color using [`searchHighlightColor`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#searchhighlightcolor) in Document Editor settings. The color specified for `searchHighlightColor` within [`documentEditorSettings`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#documenteditorsettings) is used to highlight the searched text. By default, the search highlight color is `yellow`. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides an option to change the default search highlight color using [`searchHighlightColor`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#searchhighlightcolor) in Document Editor settings. The color specified for `searchHighlightColor` within [`documentEditorSettings`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#documenteditorsettings) is used to highlight the searched text. By default, the search highlight color is `yellow`. Similarly, you can use the [`documentEditorSettings`](https://ej2.syncfusion.com/react/documentation/api/document-editor#documenteditorsettings) property for the DocumentEditor also. @@ -42,7 +42,7 @@ ReactDOM.render(, document.getElementById('sample')); ``` -> 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. The output will look like the following: 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 42300e3e6e..2382492de9 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 @@ -2,18 +2,18 @@ layout: post title: How to Customize Color Picker in React DOCX Editor | Syncfusion description: Customize the color picker appearance in Syncfusion® React DOCX Editor using color picker settings to match your application's design. -control: Customize color picker in Document Editor +control: Customize color picker in DOCX Editor platform: document-processing documentation: ug domainurl: ##DomainURL## --- # How to Customize Color Picker in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides options to customize the color picker using [`colorPickerSettings`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#colorpickersettings) in Document Editor settings. The color picker allows customization of its default appearance by selecting between Picker and Palette modes for font and border colors. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides options to customize the color picker using [`colorPickerSettings`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#colorpickersettings) in Document Editor settings. The color picker allows customization of its default appearance by selecting between Picker and Palette modes for font and border colors. 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 Document Editor container. +The following example code illustrates how to customize the color picker in the DOCX Editor container. ```ts import * as ReactDOM from 'react-dom'; @@ -53,7 +53,7 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` -> 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. The following table illustrates all the possible properties for the color picker. @@ -70,4 +70,4 @@ N> According to the Word document specifications, it is not possible to modify t ## Online Demo -Explore how to customize the color picker in the React Document Editor for formatting Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/colorpicker-customization). \ No newline at end of file +Explore how to customize the color picker in the React DOCX Editor for formatting Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/colorpicker-customization). 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 782429da58..b9d196bd8a 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 @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # How to Customize Context Menu in React DOCX Editor -## How to Customize Context Menu in the Document Editor +## How to Customize Context Menu in the DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) allows you to add custom options to the context menu. Use the [`addCustomMenu()`](https://ej2.syncfusion.com/react/documentation/api/document-editor/contextmenu#addcustommenu) method to add a custom option, and handle the selection with the [`customContextMenuSelect`](https://ej2.syncfusion.com/react/documentation/api/document-editor/customContentMenuEventArgs) event. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) allows you to add custom options to the context menu. Use the [`addCustomMenu()`](https://ej2.syncfusion.com/react/documentation/api/document-editor/contextmenu#addcustommenu) method to add a custom option, and handle the selection with the [`customContextMenuSelect`](https://ej2.syncfusion.com/react/documentation/api/document-editor/customContentMenuEventArgs) event. ### Add Custom Option @@ -79,11 +79,11 @@ createRoot(document.getElementById('sample')).render(); ``` -N> 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. +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. ### Customize Custom Option in Context Menu -The Document Editor allows you to customize an added custom option and also to hide or show default context menu items. +The DOCX Editor allows you to customize an added custom option and also to hide or show default context menu items. #### Hide Default Context Menu Items @@ -139,7 +139,7 @@ createRoot(document.getElementById('sample')).render(); ``` -N> 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. +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. #### Customize Added Context Menu Items @@ -236,9 +236,9 @@ N> The Web Service link `https://document.syncfusion.com/web-services/docx-edito #### Customize Context Menu with Sub-Menu Items -The Document 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 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 Document Editor container. +The following code shows how to add sub-items inside a custom context menu option in the DOCX Editor container. ```ts import * as ReactDOM from 'react-dom'; @@ -301,4 +301,4 @@ N> The Web Service link `https://document.syncfusion.com/web-services/docx-edito ## Online Demo -Explore how to customize the context menu in the React Document Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/custom-context-menu). \ No newline at end of file +Explore how to customize the context menu in the React DOCX Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/custom-context-menu). diff --git a/Document-Processing/Word/Word-Processor/react/how-to/customize-font-family-drop-down.md b/Document-Processing/Word/Word-Processor/react/how-to/customize-font-family-drop-down.md index 4ed4563d24..959a305838 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/customize-font-family-drop-down.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/customize-font-family-drop-down.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Customize Font Family in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides options to customize the font family drop-down list values using [`fontFamilies`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#fontfamilies) in Document editor settings. Fonts added in the fontFamilies of [`documentEditorSettings`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#documenteditorsettings) will be displayed in the font drop-down list of the Text Properties pane and the Font dialog. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides options to customize the font family drop-down list values using [`fontFamilies`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#fontfamilies) in Document editor settings. Fonts added in the fontFamilies of [`documentEditorSettings`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#documenteditorsettings) will be displayed in the font drop-down list of the Text Properties pane and the Font dialog. Similarly, you can use [`documentEditorSettings`](https://ej2.syncfusion.com/react/documentation/api/document-editor#documenteditorsettings) property for DocumentEditor also. @@ -43,7 +43,7 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. The output will be as shown 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 b908a47957..b2d57d8d5b 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 @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Customize Ribbon in React DOCX Editor -The [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides a rich and flexible API to customize the built-in ribbon UI. You can: +The [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides a rich and flexible API to customize the built-in ribbon UI. You can: - Customize the File menu. - Add the Backstage menu instead of File menu. @@ -22,7 +22,7 @@ Below are detailed examples for each ribbon customization scenario. ## File Menu Customization -Document Editor provides APIs to remove existing built-in File menu items and add new custom items based on your requirements. You can modify the File menu using the [`fileMenuItems`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#filemenuitems) property. +DOCX Editor provides APIs to remove existing built-in File menu items and add new custom items based on your requirements. You can modify the File menu using the [`fileMenuItems`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#filemenuitems) property. In the example below, the "Open" and "Export" items have been removed from the File Menu Items, and new custom items have been added. @@ -70,7 +70,7 @@ root.render(); ## Backstage Menu Customization -The Document Editor provides an [`backStageMenu`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#backStageMenu) API to add a backstage menu. When the backstage menu is enabled, the default File menu items are automatically hidden. +The DOCX Editor provides an [`backStageMenu`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#backStageMenu) API to add a backstage menu. When the backstage menu is enabled, the default File menu items are automatically hidden. The following code example shows how to add the backstage menu items. @@ -120,7 +120,7 @@ Refer to this documentation to know more about [`backstage items`](https://ej2.s ## Tab Customization -You can customize the ribbon tabs in the Document Editor by showing, hiding, or adding tabs according to your application's requirements. +You can customize the ribbon tabs in the DOCX Editor by showing, hiding, or adding tabs according to your application's requirements. ### Show/Hide Tab @@ -138,7 +138,7 @@ container.current.ribbon.showTab('custom_tab', false); ### Add Tab -The Document Editor provides the [`addTab`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#addtab) API, which allows you to insert a new custom tab either between existing tabs or at the end of the ribbon tabs. +The DOCX Editor provides the [`addTab`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#addtab) API, which allows you to insert a new custom tab either between existing tabs or at the end of the ribbon tabs. ```ts @@ -213,7 +213,7 @@ You can also customize ribbon groups within a tab to better organize commands or ### Show/Hide Group -Document Editor provides an [`showGroup`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#showgroup) API to show or hide existing groups within a ribbon tab. +DOCX Editor provides an [`showGroup`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#showgroup) API to show or hide existing groups within a ribbon tab. The following code example show how to show/hide the group using group Id or [`RibbonGroupInfo`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#ribbongroupinfo). @@ -302,7 +302,7 @@ You can customize individual items within ribbon groups. This includes showing, ### Show/Hide Item -Using the [`showItems`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#showitems) API in the Document Editor ribbon to show/hide the existing item. Here, you can specify the item Id or [`RibbonItemInfo`]. +Using the [`showItems`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#showitems) API in the DOCX Editor ribbon to show/hide the existing item. Here, you can specify the item Id or [`RibbonItemInfo`]. The following code example shows how to show/hide the item using item Id or [`RibbonItemInfo`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#ribboniteminfo). @@ -319,7 +319,7 @@ container.current.ribbon.showItems('custom_item', false); ### Enable/Disable Item -Using the [`enableItems`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#enableitems) API in the Document Editor ribbon to enable/disable the existing item. +Using the [`enableItems`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#enableitems) API in the DOCX Editor ribbon to enable/disable the existing item. ```ts // To disable the underline using ribbon item info @@ -335,7 +335,7 @@ container.current.ribbon.enableItems('custom_item', false); ### Add Item -You can use the [`addItem`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#additem) API in the Document Editor ribbon to add a new item. Additionally, you can specify the target tab and group where the new item should be placed. +You can use the [`addItem`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/ribbon#additem) API in the DOCX Editor ribbon to add a new item. Additionally, you can specify the target tab and group where the new item should be placed. ```ts @@ -398,7 +398,7 @@ root.render(); ## Online Demo -Explore how to customize the ribbon in the React Document Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/ribbon-customization). +Explore how to customize the ribbon in the React DOCX Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/ribbon-customization). ## Related Links diff --git a/Document-Processing/Word/Word-Processor/react/how-to/customize-tool-bar.md b/Document-Processing/Word/Word-Processor/react/how-to/customize-tool-bar.md index b32504cc3d..2191137a45 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/customize-tool-bar.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/customize-tool-bar.md @@ -12,7 +12,7 @@ domainurl: ##DomainURL## ## How to customize existing toolbar in DocumentEditorContainer -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) Container allows you to customize (add, show, hide, enable, and disable) existing items in a toolbar. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) Container allows you to customize (add, show, hide, enable, and disable) existing items in a toolbar. * Add - New items can be defined by [`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). @@ -125,4 +125,4 @@ N> Default value of `toolbarItems` is `['New', 'Open', 'Separator', 'Undo', 'Red ## Online Demo -Explore how to customize the toolbar in the React Document Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/toolbar-customization). \ No newline at end of file +Explore how to customize the toolbar in the React DOCX Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/toolbar-customization). diff --git a/Document-Processing/Word/Word-Processor/react/how-to/deploy-document-editor-component-for-mobile.md b/Document-Processing/Word/Word-Processor/react/how-to/deploy-document-editor-component-for-mobile.md index 3d0d8326f7..538d9f2af7 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/deploy-document-editor-component-for-mobile.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/deploy-document-editor-component-for-mobile.md @@ -2,7 +2,7 @@ layout: post title: How to Deploy React DOCX Editor for Mobile | Syncfusion description: Deploy the Syncfusion® React DOCX Editor for mobile browsers in read-only mode to provide an optimized document viewing experience on mobile devices. -control: Deploy Document Editor component for mobile +control: Deploy DOCX Editor component for mobile platform: document-processing documentation: ug domainurl: ##DomainURL## @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # How to Deploy React DOCX Editor for Mobile -## Document Editor component for mobile +## DOCX Editor component for mobile -At present, [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component is not responsive for mobile, and editing functionalities are not supported in mobile browsers. However, it works properly as a document viewer in mobile browsers. +At present, [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component is not responsive for mobile, and editing functionalities are not supported in mobile browsers. However, it works properly as a document viewer in mobile browsers. -Hence, it is recommended to switch the Document Editor component to read-only in mobile browsers. Also, invoke the [`fitPage`](https://ej2.syncfusion.com/react/documentation/api/document-editor#fitpage) method with `FitPageWidth` parameter in the document change event to display one full page by adjusting the zoom factor. +Hence, it is recommended to switch the DOCX Editor component to read-only in mobile browsers. Also, invoke the [`fitPage`](https://ej2.syncfusion.com/react/documentation/api/document-editor#fitpage) method with `FitPageWidth` parameter in the document change event to display one full page by adjusting the zoom factor. -The following example code illustrates how to deploy the Document Editor component for mobile. +The following example code illustrates how to deploy the DOCX Editor component for mobile. {% raw %} @@ -74,8 +74,8 @@ ReactDOM.render(, document.getElementById('sample')); ``` {% endraw %} -N> 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. +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. You can download the complete working example from this [GitHub location](https://github.com/SyncfusionExamples/Deploy-Document-Editor-in-Mobile-Friendly-Web-page/) -N> You can use the [`restrictEditing`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#restrictediting) in DocumentEditorContainer and [`isReadOnly`](https://ej2.syncfusion.com/react/documentation/api/document-editor#isreadonly) in DocumentEditor based on your requirement to change the component to read-only mode. \ No newline at end of file +N> You can use the [`restrictEditing`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#restrictediting) in DocumentEditorContainer and [`isReadOnly`](https://ej2.syncfusion.com/react/documentation/api/document-editor#isreadonly) in DocumentEditor based on your requirement to change the component to read-only mode. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/disable-auto-focus.md b/Document-Processing/Word/Word-Processor/react/how-to/disable-auto-focus.md index d949813453..9b53a776e8 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/disable-auto-focus.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/disable-auto-focus.md @@ -3,14 +3,14 @@ layout: post title: How to Disable Auto Focus in React DOCX Editor | Syncfusion description: Disable the auto focus behavior in Syncfusion® React DOCX Editor to prevent the editor from automatically receiving focus when the page loads. platform: document-processing -control: How to disable auto focus in Document Editor +control: How to disable auto focus in DOCX Editor documentation: ug domainurl: ##DomainURL## --- # How to Disable Auto Focus in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) gets focused automatically when the page loads. If you do not want the Document Editor to be focused automatically, you can customize this behavior. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) gets focused automatically when the page loads. If you do not want the DOCX Editor to be focused automatically, you can customize this behavior. The following example illustrates how to disable the auto focus in DocumentEditorContainer. 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 1bc701368b..e5fa53a515 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 @@ -3,14 +3,14 @@ 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. platform: document-processing -control: Disable drag and drop in Document Editor +control: Disable drag and drop in DOCX Editor documentation: ug domainurl: ##DomainURL## --- # How to Disable Drag and Drop in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides support to drag and drop contents within the component and it can be customized (enable and disable) using the [`allowDragAndDrop`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorSettingsModel#allowdraganddrop) property in Document Editor settings. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides support to drag and drop contents within the component and it can be customized (enable and disable) using the [`allowDragAndDrop`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorSettingsModel#allowdraganddrop) property in Document Editor settings. The following example illustrates how to customize the drag and drop option. @@ -21,11 +21,11 @@ const hostUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/do ``` -N> 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. +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> The default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorSettingsModel#allowdraganddrop) property is `true`. -The following example illustrates how to disable the drag and drop option in the Document Editor. +The following example illustrates how to disable the drag and drop option in the DOCX Editor. ```typescript const settings = { allowDragAndDrop: false }; @@ -34,6 +34,6 @@ const hostUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/do ``` -N> 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. +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> The default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorSettingsModel#allowdraganddrop) property is `true`. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/react/how-to/disable-header-and-footer-edit-in-document-editor.md b/Document-Processing/Word/Word-Processor/react/how-to/disable-header-and-footer-edit-in-document-editor.md index f9212bcf2a..950c62becc 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/disable-header-and-footer-edit-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/disable-header-and-footer-edit-in-document-editor.md @@ -2,7 +2,7 @@ layout: post title: Disable Header and Footer Editing in React DOCX Editor | Syncfusion description: Disable header and footer editing in Syncfusion® React DOCX Editor based on selection context to restrict modifications within document sections. -control: Disable header and footer edit in Document Editor +control: Disable header and footer edit in DOCX Editor platform: document-processing documentation: ug domainurl: ##DomainURL## @@ -58,7 +58,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 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. +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. ### Disable header and footer edit using closeHeaderFooter API @@ -103,11 +103,11 @@ ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. ## Disable header and footer edit in DocumentEditor instance -Like restrictEditing, you can use [`isReadOnly`](https://ej2.syncfusion.com/react/documentation/api/document-editor#isreadonly) property in Document Editor to disable header and footer edit. +Like restrictEditing, you can use [`isReadOnly`](https://ej2.syncfusion.com/react/documentation/api/document-editor#isreadonly) property in DOCX Editor to disable header and footer edit. The following example code illustrates how to disable header and footer edit in `DocumentEditor` instance. @@ -161,4 +161,5 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. + diff --git a/Document-Processing/Word/Word-Processor/react/how-to/disable-optimized-text-measuring.md b/Document-Processing/Word/Word-Processor/react/how-to/disable-optimized-text-measuring.md index ccb6b4412c..61021ee323 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/disable-optimized-text-measuring.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/disable-optimized-text-measuring.md @@ -12,7 +12,7 @@ domainurl: ##DomainURL## Starting from v19.3.0.x, the accuracy of text size measurements in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) is improved to match Microsoft Word pagination for most Word documents. This improvement is included as the default behavior along with an optional API [`enableOptimizedTextMeasuring`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) in Document Editor settings. -If you want the Document Editor component to retain the document pagination (display page-by-page) behavior like v19.2.0.x and older versions, then you can disable this optimized text measuring improvement, by setting `false` to [`enableOptimizedTextMeasuring`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) property of React Document Editor component. +If you want the DOCX Editor component to retain the document pagination (display page-by-page) behavior like v19.2.0.x and older versions, then you can disable this optimized text measuring improvement, by setting `false` to [`enableOptimizedTextMeasuring`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) property of React DOCX Editor component. ## Disable optimized text measuring in `DocumentEditorContainer` instance @@ -55,7 +55,7 @@ ReactDOM.render(, document.getElementById('sample')); ``` {% endraw %} -N> 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. +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. ## Disable optimized text measuring in `DocumentEditor` instance @@ -94,4 +94,4 @@ ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. \ No newline at end of file +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. 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 1cdf17c006..2a9b3afcff 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 @@ -12,7 +12,7 @@ domainurl: ##DomainURL## The ruler helps you set specific margins, tab stops, or indentations within a document to ensure consistent formatting in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). -The following example illustrates how to enable ruler in Document Editor +The following example illustrates how to enable ruler in DOCX Editor {% tabs %} {% highlight js tabtitle="index.jsx" %} @@ -28,14 +28,14 @@ The following example illustrates how to enable ruler in Document Editor {% previewsample "/document-processing/code-snippet/document-editor/react/ruler-cs1" %} -N> 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. +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 Document Editor Container component +## How to enable ruler in React DOCX Editor Container component -The ruler helps you set specific margins, tab stops, or indentations within a document to ensure consistent formatting in Document Editor Container. +The ruler helps you set specific margins, tab stops, or indentations within a document to ensure consistent formatting in DOCX Editor Container. -The following example illustrates how to enable ruler in Document Editor Container. +The following example illustrates how to enable ruler in DOCX Editor Container. {% tabs %} {% highlight js tabtitle="index.jsx" %} @@ -51,4 +51,5 @@ The following example illustrates how to enable ruler in Document Editor Contain {% previewsample "/document-processing/code-snippet/document-editor/react/ruler-cs2" %} -N> 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. +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. + diff --git a/Document-Processing/Word/Word-Processor/react/how-to/export-document-as-pdf.md b/Document-Processing/Word/Word-Processor/react/how-to/export-document-as-pdf.md index 7d49ec42f3..a4610d5d13 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/export-document-as-pdf.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/export-document-as-pdf.md @@ -20,7 +20,7 @@ To quickly get started with exporting to PDF in the [React DOCX Editor](https:// Use [`PDF export component`](https://www.npmjs.com/package/@syncfusion/ej2-pdf-export) in application level to export the document as PDF using [`exportAsImage`](https://ej2.syncfusion.com/react/documentation/api/document-editor/index-default#exportasimage) API. Here, all pages will be converted to image and inserted as PDF pages (works like print as PDF). -N> 1. The Document Editor exports PDFs by converting pages into images on the client side, which may slightly increase file size compared to text-based PDFs. +N> 1. The DOCX Editor exports PDFs by converting pages into images on the client side, which may slightly increase file size compared to text-based PDFs. N> 2. Text search is not supported in the exported PDF, as the content is stored as images. N> 3. You can install the PDF export packages from this [`link`](https://www.npmjs.com/package/@syncfusion/ej2-pdf-export). @@ -102,7 +102,7 @@ function App() { export default App; ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. ## Export document as PDF on the server side using Syncfusion® DocIO @@ -153,7 +153,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 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. +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. * Using Save API in server-side, you can convert the sfdt to stream. * Finally, convert the stream to PDF using [`Syncfusion.DocIORenderer.Net.Core`](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) library. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/get-current-word.md b/Document-Processing/Word/Word-Processor/react/how-to/get-current-word.md index 17ee427523..e16aac05aa 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/get-current-word.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/get-current-word.md @@ -14,7 +14,7 @@ You can get the current word or paragraph content from the [React DOCX Editor](h ## Select and get the word in current cursor position -You can use [`selectCurrentWord`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#selectcurrentword) API in selection module to select the current word at cursor position and use [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the selected content as plain text from React Document Editor component. +You can use [`selectCurrentWord`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#selectcurrentword) API in selection module to select the current word at cursor position and use [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the selected content as plain text from React DOCX Editor component. The following example code illustrates how to select and get the current word as plain text. @@ -60,13 +60,13 @@ ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. To get the bookmark content as SFDT (rich text), check this [`link`](./get-the-selected-content#get-the-selected-content-as-sfdt-rich-text) ## Select and get the paragraph in current cursor position -You can use [`selectParagraph`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#selectparagraph) API in selection module to select the current paragraph at cursor position and use the [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API or [`sfdt`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#sfdt-code-classlanguage-textstringcode) API to get the selected content as plain text or SFDT from React Document Editor component. +You can use [`selectParagraph`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#selectparagraph) API in selection module to select the current paragraph at cursor position and use the [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API or [`sfdt`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#sfdt-code-classlanguage-textstringcode) API to get the selected content as plain text or SFDT from React DOCX Editor component. The following example code illustrates how to select and get the current paragraph as SFDT. @@ -109,4 +109,5 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. + diff --git a/Document-Processing/Word/Word-Processor/react/how-to/get-the-selected-content.md b/Document-Processing/Word/Word-Processor/react/how-to/get-the-selected-content.md index bec9d9cfaf..e98853865a 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/get-the-selected-content.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/get-the-selected-content.md @@ -14,7 +14,7 @@ You can get the selected content from the [React DOCX Editor](https://www.syncfu ## Get the selected content as plain text -You can use [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the selected content as plain text from React Document Editor component. +You can use [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the selected content as plain text from React DOCX Editor component. The following example code illustrates how to add Search in Google option in context menu for the selected text. @@ -80,7 +80,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 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. +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. You can add the following custom options using this API: @@ -90,7 +90,7 @@ You can add the following custom options using this API: ## Get the selected content as SFDT (rich text) -You can use [`sfdt`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#sfdt-code-classlanguage-textstringcode) API to get the selected content as rich text from React Document Editor component. +You can use [`sfdt`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#sfdt-code-classlanguage-textstringcode) API to get the selected content as rich text from React DOCX Editor component. The following example code illustrates how to get the content of a bookmark and export it as SFDT. @@ -136,7 +136,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 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. +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. You can add the following custom options using this API: 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 466c2a1ff1..60ab3eb99e 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 -**Document Editor Container** provides the main document view area along with the built-in toolbar and properties pane. +**DOCX Editor Container** provides the main document view area along with the built-in toolbar and properties pane. -**Document 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. +**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, 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. +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. The following example code illustrates how to hide the properties pane. @@ -44,9 +44,9 @@ ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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 Document 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 DOCX Editor Container is not possible. Instead, you can hide the existing properties pane and create your own pane using public APIs. ## Hide the toolbar @@ -75,7 +75,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 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. +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. ## See Also diff --git a/Document-Processing/Word/Word-Processor/react/how-to/insert-page-number-and-navigate-to-page.md b/Document-Processing/Word/Word-Processor/react/how-to/insert-page-number-and-navigate-to-page.md index 058ef35aa2..0142fbf800 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/insert-page-number-and-navigate-to-page.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/insert-page-number-and-navigate-to-page.md @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # How to Insert Page Numbers and Navigate in React DOCX Editor -You can insert page number and navigate to specific page in [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component using the following ways. +You can insert page number and navigate to specific page in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component using the following ways. ## Insert page number You can use [`insertPageNumber`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#insertpagenumber) API in editor module to insert the page number in current cursor position. By default, the page number will be inserted in Arabic number style. You can change it by providing the number style in parameter. -N> Currently, Document Editor has options to insert page number at the current cursor position. +N> Currently, DOCX Editor has options to insert page number at the current cursor position. The following example code illustrates how to insert page number in header. @@ -57,7 +57,7 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. You can also use [`insertField`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#insertfield) API in Editor module to insert the page number in the current position. @@ -107,7 +107,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 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. +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. ## Navigate to specific page @@ -149,4 +149,4 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. \ No newline at end of file +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. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/insert-text-in-current-position.md b/Document-Processing/Word/Word-Processor/react/how-to/insert-text-in-current-position.md index 415d9a30ed..cf98e34c64 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/insert-text-in-current-position.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/insert-text-in-current-position.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Insert Content at Cursor in React DOCX Editor -You can insert text, paragraphs, and rich-text content in [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component. +You can insert text, paragraphs, and rich-text content in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component. ## Insert text in current cursor position @@ -54,11 +54,11 @@ export class Default extends React.Component { ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. Please refer to the gif below which illustrates how to insert text in the current cursor position on button click: -![Insert text in current cursor position in JavaScript Document Editor](../images/insert_text.gif) +![Insert text in current cursor position in JavaScript DOCX Editor](../images/insert_text.gif) ## Insert paragraph in current cursor position @@ -136,7 +136,7 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. * Please refer the following code example for server-side web implementation for HTML conversion using DocumentEditor. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/insert-text-or-image-in-table-programmatically.md b/Document-Processing/Word/Word-Processor/react/how-to/insert-text-or-image-in-table-programmatically.md index b3a4f08044..02d2f74e9c 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/insert-text-or-image-in-table-programmatically.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/insert-text-or-image-in-table-programmatically.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Insert Text or Image in Table in React DOCX Editor -Using [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) APIs, you can insert [`text`](../how-to/insert-text-in-current-position#insert-text-in-current-cursor-position) or [`image`](../image#images) in a [`table`](../table#create-a-table) programmatically based on your requirement. +Using [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) APIs, you can insert [`text`](../how-to/insert-text-in-current-position#insert-text-in-current-cursor-position) or [`image`](../image#images) in a [`table`](../table#create-a-table) programmatically based on your requirement. Use [`selection`](../how-to/move-selection-to-specific-position#selects-content-based-on-start-and-end-hierarchical-index) APIs to navigate between rows and cells. @@ -91,7 +91,7 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. The output will be as shown below. ![Insert text or image in table programmatically](../images/table-image.png) diff --git a/Document-Processing/Word/Word-Processor/react/how-to/move-selection-to-specific-position.md b/Document-Processing/Word/Word-Processor/react/how-to/move-selection-to-specific-position.md index 93f7cd0298..e041c92042 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/move-selection-to-specific-position.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/move-selection-to-specific-position.md @@ -79,9 +79,9 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. -Document Editor has [`selectionChange`](https://ej2.syncfusion.com/react/documentation/api/document-editor#selectionchange) event which is triggered whenever the selection changes in the document. +DOCX Editor has [`selectionChange`](https://ej2.syncfusion.com/react/documentation/api/document-editor#selectionchange) event which is triggered whenever the selection changes in the document. ## Select the content based on left and top positions 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 558be8327f..7b18f13684 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,15 +10,15 @@ 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 Document Editor & Document Editor Container are initialized. +In this article, we are going to see how to open a default document when DOCX Editor & DOCX Editor Container are initialized. ## Opening a default document in DocumentEditor -By default, [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) will open a blank document. You can use [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) API in Document Editor to open the SFDT content. +By default, [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) 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. -Document Editor has [`created`](https://ej2.syncfusion.com/react/documentation/api/document-editor#created) event which gets triggered once Document Editor control is created. So, if you want to open the document by default, you can use the [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) and [`created`](https://ej2.syncfusion.com/react/documentation/api/document-editor#created) APIs. +DOCX Editor has [`created`](https://ej2.syncfusion.com/react/documentation/api/document-editor#created) event which gets triggered once DOCX Editor control is created. So, if you want to open the document by default, you can use the [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) and [`created`](https://ej2.syncfusion.com/react/documentation/api/document-editor#created) APIs. -The following example illustrates how to open the default SFDT content once Document Editor control gets created. +The following example illustrates how to open the default SFDT content once DOCX Editor control gets created. {% tabs %} {% highlight js tabtitle="index.jsx" %} @@ -34,13 +34,13 @@ The following example illustrates how to open the default SFDT content once Docu {% previewsample "/document-processing/code-snippet/document-editor/react/open-default-document-cs1" %} -N> 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. +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. ## Opening a default document in DocumentEditorContainer -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 Document Editor to open the SFDT content. +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. -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. +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. {% tabs %} {% highlight js tabtitle="index.jsx" %} @@ -56,4 +56,4 @@ Document Editor Container has [`created`](https://ej2.syncfusion.com/react/docum {% previewsample "/document-processing/code-snippet/document-editor/react/open-default-document-cs2" %} -N> 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. \ No newline at end of file +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. 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 c348b9b047..ce4ac9607d 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 @@ -12,7 +12,7 @@ domainurl: ##DomainURL## ## How to open a document from URL in DocumentEditor -In this article, we are going to see how to open a document from URL in [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor). +In this article, we are going to see how to open a document from URL in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor). Please refer to the example below for the client-side code. @@ -37,7 +37,7 @@ function App() { http.onreadystatechange = () => { if (http.readyState === 4) { if (http.status === 200 || http.status === 304) { - //open the SFDT text in Document Editor + //open the SFDT text in DOCX Editor container.documentEditor.open(http.responseText); } } @@ -60,7 +60,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 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. +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. Please refer to the example below for the server-side code. 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 8864f7e5f9..c9be11b7bf 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 SFDT Files in React DOCX Editor -Starting from version v21.1.x, the SFDT file generated in [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-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: +Starting from version v21.1.x, the SFDT file generated in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-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. As a result, the optimized SFDT file can't be directly manipulated as a JSON string. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/override-the-keyboard-shortcuts.md b/Document-Processing/Word/Word-Processor/react/how-to/override-the-keyboard-shortcuts.md index 1da6cf4ef5..2211f55de2 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/override-the-keyboard-shortcuts.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/override-the-keyboard-shortcuts.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # How to Override Keyboard Shortcuts in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) triggers the [`keyDown`](https://ej2.syncfusion.com/react/documentation/api/document-editor#keydown) event every time any key is entered and provides an instance of [`DocumentEditorKeyDownEventArgs`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorKeyDownEventArgs). You can use the [`isHandled`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorKeyDownEventArgs#ishandled) property to override the keyboard shortcut behavior. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) triggers the [`keyDown`](https://ej2.syncfusion.com/react/documentation/api/document-editor#keydown) event every time any key is entered and provides an instance of [`DocumentEditorKeyDownEventArgs`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorKeyDownEventArgs). You can use the [`isHandled`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorKeyDownEventArgs#ishandled) property to override the keyboard shortcut behavior. ## Prevent the default keyboard shortcut -The following code shows how to prevent the `CTRL + C` keyboard shortcut for copying selected content in the Document Editor. +The following code shows how to prevent the `CTRL + C` keyboard shortcut for copying selected content in the DOCX Editor. ```ts diff --git a/Document-Processing/Word/Word-Processor/react/how-to/perform-mail-merge-in-document-editor.md b/Document-Processing/Word/Word-Processor/react/how-to/perform-mail-merge-in-document-editor.md index 68e678b287..9729399d78 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/perform-mail-merge-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/perform-mail-merge-in-document-editor.md @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # How to Perform Mail Merge in React DOCX Editor -You can perform mail merge in the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) using the following approaches: +You can perform mail merge in the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) using the following approaches: -1. Insert merge fields programmatically using Document Editor APIs. +1. Insert merge fields programmatically using DOCX Editor APIs. 2. Execute the mail merge on the Word document using the server-side Word Library (DocIO). -3. Finally, view the merged document in the Document Editor. +3. Finally, view the merged document in the DOCX Editor. ## Insert merge fields @@ -38,10 +38,10 @@ For more information about Fields, refer to this [page](https://help.syncfusion. ## Perform the mail merge -Once the necessary merge fields are inserted, the template is ready for mail merge. Perform the mail merge on the template using the supported data sources on the server side with DocIO. After the mail merge operation is completed, the merged document can be loaded into the Document Editor for viewing. The Document Editor also supports exporting the mail-merged document to [supported formats](../supported-fileformats). +Once the necessary merge fields are inserted, the template is ready for mail merge. Perform the mail merge on the template using the supported data sources on the server side with DocIO. After the mail merge operation is completed, the merged document can be loaded into the DOCX Editor for viewing. The DOCX Editor also supports exporting the mail-merged document to [supported formats](../supported-fileformats). For detailed information about mail merge functionality in DocIO, refer to this [page](https://help.syncfusion.com/document-processing/word/word-library/net/working-with-mail-merge). ## Online Demo -Explore how to insert merge fields in the Document Editor and execute the mail merge using DocIO through the live demo provided [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/mail-merge). \ No newline at end of file +Explore how to insert merge fields in the DOCX Editor and execute the mail merge using DocIO through the live demo provided [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/mail-merge). 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 27144bfe13..a780401b17 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 Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) & Document 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) & DOCX Editor Container. ## Opening a document in read-only mode by default in DocumentEditor @@ -28,7 +28,7 @@ In this article, we are going to see how to open a document in read-only mode by {% previewsample "/document-processing/code-snippet/document-editor/react/base-cs4" %} -N> 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. +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. ## Opening a document in read-only mode by default in DocumentEditorContainer @@ -46,6 +46,6 @@ N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-ed {% previewsample "/document-processing/code-snippet/document-editor/react/base-cs5" %} -N> 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. +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> You can use the `restrictEditing` in `DocumentEditorContainerComponent` and `isReadOnly` in `DocumentEditorComponent` based on your requirement to change the component to read-only mode. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/react/how-to/resize-document-editor.md b/Document-Processing/Word/Word-Processor/react/how-to/resize-document-editor.md index 929d06b976..f8828e6059 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/resize-document-editor.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/resize-document-editor.md @@ -2,7 +2,7 @@ layout: post title: How to Resize in React DOCX Editor | Syncfusion description: Adjust the height and width of the Syncfusion® React DOCX Editor to create responsive layouts and customize the document editing experience. -control: Resize Document Editor +control: Resize DOCX Editor platform: document-processing documentation: ug domainurl: ##DomainURL## @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # How to Resize in React DOCX Editor -In this article, we are going to see how to change the height and width of the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). +In this article, we are going to see how to change the height and width of the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). -## Change height of Document Editor +## Change height of DOCX Editor -DocumentEditorContainer initially renders with default height. You can change the height of the Document Editor using the [`height`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#height) property, the value which is in pixels. +DocumentEditorContainer initially renders with default height. You can change the height of the DOCX Editor using the [`height`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#height) property, the value which is in pixels. -The following example code illustrates how to change height of Document Editor. +The following example code illustrates how to change height of DOCX Editor. ```ts ``` -N> 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. +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. Similarly, you can use [`height`](https://ej2.syncfusion.com/react/documentation/api/document-editor#height) property for DocumentEditor also. -## Change width of Document Editor +## Change width of DOCX Editor -DocumentEditorContainer initially renders with default width. You can change the width of the Document Editor using the [`width`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#width) property, the value which is in percentages. +DocumentEditorContainer initially renders with default width. You can change the width of the DOCX Editor using the [`width`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#width) property, the value which is in percentages. -The following example code illustrates how to change the width of Document Editor. +The following example code illustrates how to change the width of DOCX Editor. ```ts @@ -54,15 +54,15 @@ The following example code illustrates how to change the width of Document Edito ``` -N> 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. +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. Similarly, you can use [`width`](https://ej2.syncfusion.com/react/documentation/api/document-editor#width) property for DocumentEditor also. -## Resize Document Editor +## Resize DOCX Editor -Using the [`resize`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#resize) method, you can change the height and width of the Document Editor. +Using the [`resize`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#resize) method, you can change the height and width of the DOCX Editor. -The following example code illustrates how to fit the Document Editor to the browser window size. +The following example code illustrates how to fit the DOCX Editor to the browser window size. ```ts import { createRoot } from 'react-dom/client'; @@ -112,4 +112,5 @@ createRoot(document.getElementById('sample')).render(); ``` -N> 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. +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. + diff --git a/Document-Processing/Word/Word-Processor/react/how-to/retrieve-the-bookmark-content-as-text.md b/Document-Processing/Word/Word-Processor/react/how-to/retrieve-the-bookmark-content-as-text.md index 38072bb83f..94e1827a6c 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/retrieve-the-bookmark-content-as-text.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/retrieve-the-bookmark-content-as-text.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # How to Retrieve Bookmark Content as Text in React DOCX Editor -You can get the bookmark or the whole document content from the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) component as plain text and SFDT (rich text). +You can get the bookmark or the whole document content from the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) component as plain text and SFDT (rich text). ## Get the bookmark content as plain text -You can use the [`selectBookmark`](../bookmark#select-bookmark) API to navigate to the bookmark and use the [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the bookmark content as plain text from the React Document Editor component. +You can use the [`selectBookmark`](../bookmark#select-bookmark) API to navigate to the bookmark and use the [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the bookmark content as plain text from the React DOCX Editor component. The following example code illustrates how to get the bookmark content as plain text. @@ -61,13 +61,13 @@ ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. To get the bookmark content as SFDT (rich text), check this [`link`](../how-to/get-the-selected-content#get-the-selected-content-as-sfdt-rich-text). ## Get the whole document content as text -You can use [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the whole document content as plain text from React Document Editor component. +You can use [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the whole document content as plain text from React DOCX Editor component. The following example code illustrates how to get the whole document content as plain text. @@ -109,11 +109,11 @@ ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. ## Get the whole document content as SFDT (rich text) -You can use [`serialize`](https://ej2.syncfusion.com/react/documentation/api/document-editor#serialize) API to get the whole document content as SFDT string from React Document Editor component. +You can use [`serialize`](https://ej2.syncfusion.com/react/documentation/api/document-editor#serialize) API to get the whole document content as SFDT string from React DOCX Editor component. The following example code illustrates how to get the whole document content as SFDT. @@ -154,7 +154,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 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. +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. ## Get the header content as text @@ -202,6 +202,6 @@ ReactDOM.render(, document.getElementById('sample')); ``` -N> 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. +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. Similarly, you can use [`goToFooter`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#gotofooter) API to navigate the selection to the footer and then use [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the content as plain text. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/react/how-to/set-default-format-in-document-editor.md b/Document-Processing/Word/Word-Processor/react/how-to/set-default-format-in-document-editor.md index c189bd87c2..bc3c157175 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/set-default-format-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/set-default-format-in-document-editor.md @@ -2,7 +2,7 @@ layout: post title: How to Set Default Format in React DOCX Editor | Syncfusion description: Set default character, paragraph, and section formatting in Syncfusion® React DOCX Editor for consistent document styling across documents. -control: Set default format in Document Editor +control: Set default format in DOCX Editor platform: document-processing documentation: ug domainurl: ##DomainURL## @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # How to Set Default Format in React DOCX Editor -You can set the default character format, paragraph format, and section format in [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). +You can set the default character format, paragraph format, and section format in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). ## Set the default character format -You can use [`setDefaultCharacterFormat`](https://ej2.syncfusion.com/react/documentation/api/document-editor#setdefaultcharacterformat) method to set the default character format. For example, the Document Editor default font size is 11, and you can change it to any valid value. +You can use [`setDefaultCharacterFormat`](https://ej2.syncfusion.com/react/documentation/api/document-editor#setdefaultcharacterformat) method to set the default character format. For example, the DOCX Editor default font size is 11, and you can change it to any valid value. -The following example code illustrates how to change the default font size in the Document Editor. +The following example code illustrates how to change the default font size in the DOCX Editor. ```ts import { createRoot } from 'react-dom/client'; @@ -52,11 +52,11 @@ createRoot(document.getElementById('sample')).render(); ``` -N> 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. +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. -Similarly, you can change the required [`CharacterFormatProperties`](https://ej2.syncfusion.com/react/documentation/api/document-editor/characterFormatProperties) default values in the Document Editor. +Similarly, you can change the required [`CharacterFormatProperties`](https://ej2.syncfusion.com/react/documentation/api/document-editor/characterFormatProperties) default values in the DOCX Editor. -The following example code illustrates how to change other default character format values in the Document Editor. +The following example code illustrates how to change other default character format values in the DOCX Editor. ```ts import { createRoot } from 'react-dom/client'; @@ -102,13 +102,13 @@ createRoot(document.getElementById('sample')).render(); ``` -N> 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. +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. ## Set the default paragraph format You can use [`setDefaultParagraphFormat`](https://ej2.syncfusion.com/react/documentation/api/document-editor#setdefaultparagraphformat) API to set the default paragraph format. You can change the required [`ParagraphFormatProperties`](https://ej2.syncfusion.com/react/documentation/api/document-editor/paragraphFormatProperties) default value. -The following example code illustrates how to change the paragraph format (before spacing, line spacing, etc.) default value in the Document Editor. +The following example code illustrates how to change the paragraph format (before spacing, line spacing, etc.) default value in the DOCX Editor. ```ts import { createRoot } from 'react-dom/client'; @@ -151,13 +151,13 @@ createRoot(document.getElementById('sample')).render(); ``` -N> 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. +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. ## Set the default section format You can use [`setDefaultSectionFormat`](https://ej2.syncfusion.com/react/documentation/api/document-editor#setdefaultsectionformat) API to set the default section format. You can change the required [`SectionFormatProperties`](https://ej2.syncfusion.com/react/documentation/api/document-editor/sectionFormatProperties) default value. -The following example code illustrates how to change the section format (header and footer distance, page width and height, etc.) default value in the Document Editor. +The following example code illustrates how to change the section format (header and footer distance, page width and height, etc.) default value in the DOCX Editor. ```ts import { createRoot } from 'react-dom/client'; @@ -205,4 +205,5 @@ createRoot(document.getElementById('sample')).render(); ``` -N> 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. +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. + diff --git a/Document-Processing/Word/Word-Processor/react/how-to/show-hide-spinner.md b/Document-Processing/Word/Word-Processor/react/how-to/show-hide-spinner.md index 568696a6fc..46dd89639e 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/show-hide-spinner.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/show-hide-spinner.md @@ -38,7 +38,7 @@ Refer to the following example. {% previewsample "/document-processing/code-snippet/document-editor/react/spinner-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. N> In the above example, we have used setInterval to hide the spinner, just for demo purposes. diff --git a/Document-Processing/Word/Word-Processor/react/image.md b/Document-Processing/Word/Word-Processor/react/image.md index 9319ce577c..4b93df406e 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 Document Editor. + //Insert image in DOCX 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 Document Editor. + //Insert image in DOCX Editor. proxy.editor.insertImage(args.target.value); }) image.src = args.target.value; @@ -77,17 +77,17 @@ ReactDOM.render(, document.getElementById('sample')); Image files are internally converted to base64 strings, whereas online images are preserved as URLs. -N> EMF and WMF images can't be inserted, but these types of images will be preserved in Document Editor when using ASP.NET MVC Web API. +N> EMF and WMF images can't be inserted, but these types of images will be preserved in DOCX Editor when using ASP.NET MVC Web API. ## Image resizing -Document Editor provides a built-in image resizer that can be injected into your application based on the requirements. This allows you to resize the image by dragging the resizing points using a mouse or touch interactions. This resizer appears as follows. +DOCX Editor provides a built-in image resizer that can be injected into your application based on the requirements. This allows you to resize the image by dragging the resizing points using a mouse or touch interactions. This resizer appears as follows. ![Image](images/image.png) ## Changing size -Document Editor exposes an API to get or set the size of the selected image. Refer to the following sample code. +DOCX Editor exposes an API to get or set the size of the selected image. Refer to the following sample code. ```ts documenteditor.selection.imageFormat.width = 800; diff --git a/Document-Processing/Word/Word-Processor/react/import.md b/Document-Processing/Word/Word-Processor/react/import.md index 2ee160902e..21047e7b99 100644 --- a/Document-Processing/Word/Word-Processor/react/import.md +++ b/Document-Processing/Word/Word-Processor/react/import.md @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # Import in React DOCX Editor -In [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), the documents are stored in Document Editor's own format called **Syncfusion Document Text (SFDT)**. +In [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), the documents are stored in DOCX Editor's own format called **Syncfusion Document Text (SFDT)**. -The following example shows how to open SFDT data in Document Editor. +The following example shows how to open SFDT data in DOCX Editor. {% tabs %} {% highlight js tabtitle="index.jsx" %} @@ -50,7 +50,7 @@ The following example shows how to import a document from the local machine. You can convert Word documents into SFDT format using the .NET Standard library [`Syncfusion.EJ2.WordEditor.AspNet.Core`]() by the web API service implementation. This library helps you to convert Word documents (.dotx,.docx,.docm,.dot,.doc), rich text format documents (.rtf), and text documents (.txt) into SFDT format. -N> The Syncfusion® Document Editor component's document pagination (page-by-page display) can't be guaranteed for all the Word documents to match the pagination of Microsoft Word application. For more information about [why the document pagination (page-by-page display) differs from Microsoft Word](./import#why-the-document-pagination-differs-from-microsoft-word). +N> The Syncfusion® DOCX Editor component's document pagination (page-by-page display) can't be guaranteed for all the Word documents to match the pagination of Microsoft Word application. For more information about [why the document pagination (page-by-page display) differs from Microsoft Word](./import#why-the-document-pagination-differs-from-microsoft-word). Please refer to the following example for converting Word documents into SFDT. @@ -83,7 +83,7 @@ function App() { ajax.onreadystatechange = () => { if (ajax.readyState === 4) { if (ajax.status === 200 || ajax.status === 304) { - // open SFDT text in Document Editor + // open SFDT text in DOCX Editor documenteditor.open(ajax.responseText); } } @@ -158,19 +158,19 @@ To know about server-side action, please refer to this [page](./web-services-ove ## Compatibility with Microsoft Word -Syncfusion® Document Editor is a minimal viable Word document viewer/editor product for web applications. As the most compatible Word editor, the product vision is adding valuable feature sets of Microsoft Word, and not to cover 100% feature sets of Microsoft Word desktop application. You can even see the feature sets difference between Microsoft Word desktop and their Word online application. So kindly don't misunderstand this component as a complete replacement for Microsoft Word desktop application and expect 100% feature sets of it. +Syncfusion® DOCX Editor is a minimal viable Word document viewer/editor product for web applications. As the most compatible Word editor, the product vision is adding valuable feature sets of Microsoft Word, and not to cover 100% feature sets of Microsoft Word desktop application. You can even see the feature sets difference between Microsoft Word desktop and their Word online application. So kindly don't misunderstand this component as a complete replacement for Microsoft Word desktop application and expect 100% feature sets of it. -### How Syncfusion® accepts the feature requests for Document Editor +### How Syncfusion® accepts the feature requests for DOCX Editor Syncfusion accepts new feature requests as valid based on feature value and technological feasibility, then plans to implement unsupported features incrementally in future releases in a phase-by-phase manner. -### How to report problems in Document Editor +### How to report problems in DOCX Editor -You can report problems with displaying or editing Word documents in Document Editor component through [`support forum`](https://www.syncfusion.com/forums/), [`Direct-Trac`](https://www.syncfusion.com/support/directtrac/), or [`feedback portal`](https://www.syncfusion.com/feedback/). Kindly share the Word document for replicating the problem easily in minimal time. If you have confidential data, you can replace it and attach the document. +You can report problems with displaying or editing Word documents in DOCX Editor component through [`support forum`](https://www.syncfusion.com/forums/), [`Direct-Trac`](https://www.syncfusion.com/support/directtrac/), or [`feedback portal`](https://www.syncfusion.com/feedback/). Kindly share the Word document for replicating the problem easily in minimal time. If you have confidential data, you can replace it and attach the document. ### Why the document pagination differs from Microsoft Word -For your understanding about the Word document structure and the workflow of Word viewer/editor components, the Word document is a flow document in which content will not be preserved page by page; instead, the content will be preserved sequentially like an HTML file. Only the Word viewer/editor paginates the content of the Word document page by page dynamically, when opened for viewing or editing and this page-wise position information will not be preserved at the document level (it is Word file format specification standard). Syncfusion® Document Editor component also does the same. +For your understanding about the Word document structure and the workflow of Word viewer/editor components, the Word document is a flow document in which content will not be preserved page by page; instead, the content will be preserved sequentially like an HTML file. Only the Word viewer/editor paginates the content of the Word document page by page dynamically, when opened for viewing or editing and this page-wise position information will not be preserved at the document level (it is Word file format specification standard). Syncfusion® DOCX Editor component also does the same.   At present there is a known technical limitation related to a slight difference in text size calculated using an HTML element-based text measuring approach. Even though the text size is calculated with correct font and font size values, the difference lies; it is as low as 0.00XX to 0.XXXX values compared to that of Microsoft Word application's display. Hence the document pagination (page-by-page display) can't be guaranteed for all the Word documents to match the pagination of Microsoft Word application. diff --git a/Document-Processing/Word/Word-Processor/react/link.md b/Document-Processing/Word/Word-Processor/react/link.md index 19f17fb3e1..f7ad86a0be 100644 --- a/Document-Processing/Word/Word-Processor/react/link.md +++ b/Document-Processing/Word/Word-Processor/react/link.md @@ -14,7 +14,7 @@ domainurl: ##DomainURL## ## Navigate a hyperlink -Document Editor triggers the `requestNavigate` event whenever the user presses the Ctrl key or taps a hyperlink within the document. This event provides the necessary details about link type, navigation URL, and local URL (if any) as arguments, and allows you to easily customize the hyperlink navigation functionality. +DOCX Editor triggers the `requestNavigate` event whenever the user presses the Ctrl key or taps a hyperlink within the document. This event provides the necessary details about link type, navigation URL, and local URL (if any) as arguments, and allows you to easily customize the hyperlink navigation functionality. ### Add the requestNavigate event for DocumentEditor @@ -81,7 +81,7 @@ export class Default extends React.Component { ReactDOM.render(, document.getElementById('sample')); ``` -> 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. If the selection is in a hyperlink, trigger this event by calling the `navigateHyperlink` method of the `Selection` instance. Refer to the following example. @@ -91,7 +91,7 @@ documenteditor.selection.navigateHyperlink(); ## Copy link -Document Editor copies the link text of a hyperlink field to the clipboard if the selection is in a hyperlink. Refer to the following example. +DOCX Editor copies the link text of a hyperlink field to the clipboard if the selection is in a hyperlink. Refer to the following example. ```ts documenteditor.selection.copyHyperlink(); @@ -99,7 +99,7 @@ documenteditor.selection.copyHyperlink(); ## Add hyperlink -To create a basic hyperlink in the document, press `ENTER` / `SPACEBAR` / `SHIFT + ENTER` / `TAB` key after typing the address, for instance [`http://www.google.com`](http://www.google.com). Document Editor automatically converts this address to a hyperlink field. The text can be considered as a valid URL if it starts with any of the following. +To create a basic hyperlink in the document, press `ENTER` / `SPACEBAR` / `SHIFT + ENTER` / `TAB` key after typing the address, for instance [`http://www.google.com`](http://www.google.com). DOCX Editor automatically converts this address to a hyperlink field. The text can be considered as a valid URL if it starts with any of the following. > ``
> ``
@@ -145,7 +145,7 @@ documenteditor.editor.removeHyperlink(); ## Hyperlink dialog -Document Editor provides dialog support to insert or edit a hyperlink. Refer to the following example. +DOCX Editor provides dialog support to insert or edit a hyperlink. Refer to the following example. {% tabs %} {% highlight js tabtitle="index.jsx" %} @@ -169,7 +169,7 @@ You can use the following keyboard shortcut to open the hyperlink dialog if the ## Online Demo -Explore how to insert and manage hyperlinks in Word documents using the React Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/links-and-bookmarks). +Explore how to insert and manage hyperlinks in Word documents using the React DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/links-and-bookmarks). ## See Also diff --git a/Document-Processing/Word/Word-Processor/react/list-format.md b/Document-Processing/Word/Word-Processor/react/list-format.md index 2e29cde782..adbf83f419 100644 --- a/Document-Processing/Word/Word-Processor/react/list-format.md +++ b/Document-Processing/Word/Word-Processor/react/list-format.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # List Format in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports both single-level and multilevel lists. Lists are used to organize data as step-by-step instructions in documents for easy understanding of key points. You can apply a list to paragraphs using the supported APIs. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports both single-level and multilevel lists. Lists are used to organize data as step-by-step instructions in documents for easy understanding of key points. You can apply a list to paragraphs using the supported APIs. ## Create bullet list @@ -56,7 +56,7 @@ documenteditor.editor.clearList(); ## Working with lists -The following sample demonstrates how to create bulleted and numbered lists in Document Editor. +The following sample demonstrates how to create bulleted and numbered lists in DOCX Editor. {% tabs %} {% highlight js tabtitle="index.jsx" %} @@ -74,13 +74,13 @@ The following sample demonstrates how to create bulleted and numbered lists in D ## Editing numbered list -Document Editor restarts the numbering or continues numbering for a numbered list. These options are found in the built-in context menu if the list value is selected. Refer to the following screenshot. +DOCX Editor restarts the numbering or continues numbering for a numbered list. These options are found in the built-in context menu if the list value is selected. Refer to the following screenshot. ![Image](images/list.png) ## Online Demo -Explore how to apply bullets and numbering in Word documents using the React Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/bullets-and-numbering). +Explore how to apply bullets and numbering in Word documents using the React DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/bullets-and-numbering). ## See Also diff --git a/Document-Processing/Word/Word-Processor/react/nextjs-getting-started.md b/Document-Processing/Word/Word-Processor/react/nextjs-getting-started.md index 4d9e1a031c..9636078d14 100644 --- a/Document-Processing/Word/Word-Processor/react/nextjs-getting-started.md +++ b/Document-Processing/Word/Word-Processor/react/nextjs-getting-started.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Getting started with React DOCX Editor in Next.js -This section provides a step-by-step guide for setting up a Next.js application and integrating the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component. +This section provides a step-by-step guide for setting up a Next.js application and integrating the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component. ## Prerequisites @@ -70,13 +70,13 @@ cd ej2-nextjs-documenteditor {% endhighlight %} {% endtabs %} -The application is ready to run with default settings. The next steps will add the Syncfusion Document Editor component to the project. +The application is ready to run with default settings. The next steps will add the Syncfusion DOCX Editor component to the project. -## Install Document Editor packages +## Install DOCX Editor packages -The Document Editor package is available at [npmjs.com](https://www.npmjs.com/package/@syncfusion/ej2-react-documenteditor). +The DOCX Editor package is available at [npmjs.com](https://www.npmjs.com/package/@syncfusion/ej2-react-documenteditor). -To install the Document Editor component, use the following command: +To install the DOCX Editor component, use the following command: {% tabs %} {% highlight bash tabtitle="NPM" %} @@ -93,7 +93,7 @@ yarn add @syncfusion/ej2-react-documenteditor ## Register a Syncfusion License Key -Before initializing the React Document Editor control in Next.js, generate a Syncfusion license key and register it in your application. +Before initializing the React DOCX Editor control in Next.js, generate a Syncfusion license key and register it in your application. - [Generate a Syncfusion License Key](https://help.syncfusion.com/document-processing/licensing/how-to-generate) - [Register a Syncfusion License Key](https://ej2.syncfusion.com/react/documentation/licensing/license-key-registration) @@ -130,9 +130,9 @@ The required styles for the DOCX Editor are imported in the **app/global.css** f {% endhighlight %} {% endtabs %} -## Initialize the Document Editor +## Initialize the DOCX Editor -Add the Document Editor component to your application. In the `app/page.tsx` file, add the following code to initialize the component: +Add the DOCX Editor component to your application. In the `app/page.tsx` file, add the following code to initialize the component: {% tabs %} {% highlight ts tabtitle="page.tsx" %} @@ -176,15 +176,15 @@ yarn run dev {% endhighlight %} {% endtabs %} -After the application starts, open the `localhost` URL shown in the terminal. The Document Editor is rendered in the browser with a toolbar and an editable document area, as shown below. +After the application starts, open the `localhost` URL shown in the terminal. The DOCX Editor is rendered in the browser with a toolbar and an editable document area, as shown below. -![Output of React Document Editor in Next.js](./images/react_getting_started.png) +![Output of React DOCX Editor in Next.js](./images/react_getting_started.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/React-DOCX-Editor-Examples/tree/master/getting-started-nextjs). ## Server-side dependencies -The Document Editor component requires server-side interactions for the following operations: +The DOCX Editor component requires server-side interactions for the following operations: * Opening file formats other than SFDT * Pasting with formatting diff --git a/Document-Processing/Word/Word-Processor/react/notes.md b/Document-Processing/Word/Word-Processor/react/notes.md index bd3c86280e..ec4619a8a0 100644 --- a/Document-Processing/Word/Word-Processor/react/notes.md +++ b/Document-Processing/Word/Word-Processor/react/notes.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Footnotes and Endnotes in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) Container component provides support for inserting footnotes and endnotes through the built-in toolbar. Refer to the following screenshot. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) Container component provides support for inserting footnotes and endnotes through the built-in toolbar. Refer to the following screenshot. ![Insert footnote endnote](images/note-toolbar.jpg) @@ -18,7 +18,7 @@ Footnotes and endnotes are both ways of adding extra bits of information to your ## Insert footnotes -Document Editor exposes an API to insert footnotes at the cursor position programmatically, or they can be inserted at the end of selected text. +DOCX Editor exposes an API to insert footnotes at the cursor position programmatically, or they can be inserted at the end of selected text. ```ts import * as ReactDOM from 'react-dom'; @@ -59,11 +59,11 @@ ReactDOM.render(, document.getElementById('sample')); ``` -> 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. ## Insert endnotes -Document Editor exposes an API to insert endnotes at the cursor position programmatically, or they can be inserted at the end of selected text. +DOCX Editor exposes an API to insert endnotes at the cursor position programmatically, or they can be inserted at the end of selected text. ```ts import * as ReactDOM from 'react-dom'; @@ -105,7 +105,7 @@ ReactDOM.render(, document.getElementById('sample')); ``` -> 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. ## Update or edit footnotes and endnotes @@ -115,4 +115,5 @@ You can update or edit the footnotes and endnotes using the built-in context men ## Online Demo -Explore how to add and manage notes in Word documents using the React Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/notes). +Explore how to add and manage notes in Word documents using the React DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/notes). + diff --git a/Document-Processing/Word/Word-Processor/react/opening-documents/aws-s3-bucket.md b/Document-Processing/Word/Word-Processor/react/opening-documents/aws-s3-bucket.md index 30f62c8a7b..52fbac044f 100644 --- a/Document-Processing/Word/Word-Processor/react/opening-documents/aws-s3-bucket.md +++ b/Document-Processing/Word/Word-Processor/react/opening-documents/aws-s3-bucket.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # Open Documents from AWS S3 in React DOCX Editor -To load a document from AWS S3 in a [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. +To load a document from AWS S3 in a [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. -**Step 1:** Create a simple Document Editor sample in React +**Step 1:** Create a simple DOCX Editor sample in React -Start by following the steps 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. +Start by following the steps 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 @@ -108,7 +108,7 @@ public async Task LoadFromS3([FromBody] Dictionary jsonO 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, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) method. diff --git a/Document-Processing/Word/Word-Processor/react/opening-documents/azure-blob-storage.md b/Document-Processing/Word/Word-Processor/react/opening-documents/azure-blob-storage.md index fd0562ae7d..f30e124a02 100644 --- a/Document-Processing/Word/Word-Processor/react/opening-documents/azure-blob-storage.md +++ b/Document-Processing/Word/Word-Processor/react/opening-documents/azure-blob-storage.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # Open Documents from Azure Blob Storage in React DOCX Editor -To load a document from Azure Blob Storage in a [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. +To load a document from Azure Blob Storage in a [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. -**Step 1:** Create a simple Document Editor sample in React +**Step 1:** Create a simple DOCX Editor sample in React -Start by following the steps 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. +Start by following the steps 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 @@ -94,7 +94,7 @@ public IActionResult LoadFromAzure([FromBody] Dictionary jsonObj 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, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) method. diff --git a/Document-Processing/Word/Word-Processor/react/opening-documents/box-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/react/opening-documents/box-cloud-file-storage.md index 2f4ff069d7..c3a6a70bc2 100644 --- a/Document-Processing/Word/Word-Processor/react/opening-documents/box-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/react/opening-documents/box-cloud-file-storage.md @@ -10,15 +10,15 @@ domainurl: ##DomainURL## # Open Documents from Box Cloud File Storage in React DOCX Editor -To load a document from Box cloud file storage in a [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. +To load a document from Box cloud file storage in a [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. **Step 1:** Set up a Box developer account and create a Box application To access Box storage programmatically, you'll need a developer account with Box. Go to the [Box Developer Console](https://developer.box.com/), sign in or create a new account, and then create a new Box application. This application will provide you with the necessary credentials, Client ID and Client Secret, to authenticate and access Box APIs. Before accessing files, you need to authenticate your application to access your Box account. Box API supports `OAuth 2.0 authentication` for this purpose. -**Step 2:** Create a simple Document Editor sample in React +**Step 2:** Create a simple DOCX Editor sample in React -Start by following the steps 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. +Start by following the steps 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 @@ -120,7 +120,7 @@ public async Task LoadFromBoxCloud([FromBody] Dictionary 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, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) method. diff --git a/Document-Processing/Word/Word-Processor/react/opening-documents/dropbox-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/react/opening-documents/dropbox-cloud-file-storage.md index e788bb8125..c3f18a7ef3 100644 --- a/Document-Processing/Word/Word-Processor/react/opening-documents/dropbox-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/react/opening-documents/dropbox-cloud-file-storage.md @@ -10,15 +10,15 @@ domainurl: ##DomainURL## # Open Documents from Dropbox in React DOCX Editor -To load a document from Dropbox cloud file storage in a [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. +To load a document from Dropbox cloud file storage in a [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. **Step 1:** Create a Dropbox API app To create a Dropbox API App, you can follow the official Dropbox documentation [link](https://www.dropbox.com/developers/documentation/dotnet#tutorial). The process involves visiting the Dropbox Developer website and using their App Console to set up your API app. This app will allow you to interact with Dropbox programmatically, enabling secure access to files and data. -**Step 2:** Create a simple Document Editor sample in React +**Step 2:** Create a simple DOCX Editor sample in React -Start by following the steps 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. +Start by following the steps 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 @@ -103,7 +103,7 @@ public async Task LoadFromDropBox([FromBody] Dictionary N> Replace **Your_Dropbox_Access_Token** with your actual Dropbox access token and **Your_Folder_Name** with your 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, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) method. diff --git a/Document-Processing/Word/Word-Processor/react/opening-documents/google-cloud-storage.md b/Document-Processing/Word/Word-Processor/react/opening-documents/google-cloud-storage.md index 13549d5dab..77ab36fc10 100644 --- a/Document-Processing/Word/Word-Processor/react/opening-documents/google-cloud-storage.md +++ b/Document-Processing/Word/Word-Processor/react/opening-documents/google-cloud-storage.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # Open Documents from Google Cloud Storage in React DOCX Editor -To load a document from Google Cloud Storage in a [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. +To load a document from Google Cloud Storage in a [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. -**Step 1:** Create a simple Document Editor sample in React +**Step 1:** Create a simple DOCX Editor sample in React -Start by following the steps 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. +Start by following the steps 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 @@ 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 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, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) method. diff --git a/Document-Processing/Word/Word-Processor/react/opening-documents/google-drive.md b/Document-Processing/Word/Word-Processor/react/opening-documents/google-drive.md index 80cd903b80..f3191ae9bd 100644 --- a/Document-Processing/Word/Word-Processor/react/opening-documents/google-drive.md +++ b/Document-Processing/Word/Word-Processor/react/opening-documents/google-drive.md @@ -10,15 +10,15 @@ domainurl: ##DomainURL## # Open Documents from Google Drive in React DOCX Editor -To load a document from Google Drive in a [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. +To load a document from Google Drive in a [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. **Step 1:** Set up the Google Drive API You must set up a project in the Google Developers Console and enable the Google Drive API. Obtain the necessary credentials to access the API. For more information, refer to the official [link](https://developers.google.com/drive/api/guides/enable-sdk). -**Step 2:** Create a simple Document Editor sample in React +**Step 2:** Create a simple DOCX Editor sample in React -Start by following the steps 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. +Start by following the steps 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 @@ N> Replace **Your Google Drive Folder ID**, **Your Application name**, and **You N> The **FolderId** part is the unique identifier for the folder. For example, if your folder URL is: `https://drive.google.com/drive/folders/abc123xyz456`, then the folder ID is `abc123xyz456`. -**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, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) method. diff --git a/Document-Processing/Word/Word-Processor/react/opening-documents/one-drive.md b/Document-Processing/Word/Word-Processor/react/opening-documents/one-drive.md index 124c150dec..3b8f154c7e 100644 --- a/Document-Processing/Word/Word-Processor/react/opening-documents/one-drive.md +++ b/Document-Processing/Word/Word-Processor/react/opening-documents/one-drive.md @@ -10,15 +10,15 @@ domainurl: ##DomainURL## # Open Documents from OneDrive in React DOCX Editor -To load a document from OneDrive in a [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. +To load a document from OneDrive in a [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), you can follow the steps below. **Step 1:** Create the Microsoft Graph API. You need to 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 -Start by following the steps 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. +Start by following the steps 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 @@ -130,7 +130,7 @@ public async Task LoadFromOneDrive([FromBody] Dictionary 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, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/react/documentation/api/document-editor#open) method. diff --git a/Document-Processing/Word/Word-Processor/react/overview.md b/Document-Processing/Word/Word-Processor/react/overview.md index eb50ccb3ee..288fa119b4 100644 --- a/Document-Processing/Word/Word-Processor/react/overview.md +++ b/Document-Processing/Word/Word-Processor/react/overview.md @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # About Syncfusion React DOCX Editor Control -The [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) is a feature-rich, user-interactive component that enables creating, editing, viewing, and printing Word documents with advanced formatting, editing capabilities, and broad support for document import and export formats. +The [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) is a feature-rich, user-interactive component that enables creating, editing, viewing, and printing Word documents with advanced formatting, editing capabilities, and broad support for document import and export formats. -![Output of React Document Editor](./images/docx-editor.png) +![Output of React DOCX Editor](./images/docx-editor.png) ## Key Features @@ -38,7 +38,7 @@ The [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-doc ## Supported platforms for server-side dependencies -The Document Editor component requires server-side interactions for the following operations: +The DOCX Editor component requires server-side interactions for the following operations: * Open file formats other than SFDT * Paste with formatting @@ -46,7 +46,7 @@ The Document Editor component requires server-side interactions for the followin * Spell check * Save as file formats other than SFDT and DOCX -You can deploy web APIs for the server-side dependencies of the Document Editor component on the following platforms. +You can deploy web APIs 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/paragraph-format.md b/Document-Processing/Word/Word-Processor/react/paragraph-format.md index c5ad48c363..8740dd2022 100644 --- a/Document-Processing/Word/Word-Processor/react/paragraph-format.md +++ b/Document-Processing/Word/Word-Processor/react/paragraph-format.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Paragraph Format in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports various paragraph formatting options such as text alignment, indentation, paragraph spacing, and more. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) supports various paragraph formatting options such as text alignment, indentation, paragraph spacing, and more. ## Indentation @@ -117,7 +117,7 @@ documenteditor.selection.paragraphFormat.borders.bottom.lineWidth = 3; documenteditor.selection.paragraphFormat.borders.bottom.color = "#000000"; ``` -N> At present, the Document Editor component displays all the border styles as single line. But you can apply any border style and get the proper display in Microsoft Word app when opening the exported Word document. +N> At present, the DOCX Editor component displays all the border styles as single line. But you can apply any border style and get the proper display in Microsoft Word app when opening the exported Word document. ## Pagination properties @@ -137,7 +137,7 @@ documenteditor.selection.paragraphFormat.keepLinesTogether = true; ## Show or Hide Paragraph marks -You can show or hide the hidden formatting symbols like spaces, tab, paragraph marks, and breaks in Document Editor component. These marks indicate the start and end of a paragraph, as well as all the hidden formatting symbols in a Word document. +You can show or hide the hidden formatting symbols like spaces, tab, paragraph marks, and breaks in DOCX Editor component. These marks indicate the start and end of a paragraph, as well as all the hidden formatting symbols in a Word document. The following example code illustrates how to show or hide paragraph marks. @@ -315,7 +315,7 @@ ReactDOM.render(, document.getElementById('sample')); ## Online Demo -Explore how to apply paragraph formatting in Word documents using the React Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/paragraph-formatting). +Explore how to apply paragraph formatting in Word documents using the React DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/paragraph-formatting). ## See Also diff --git a/Document-Processing/Word/Word-Processor/react/print.md b/Document-Processing/Word/Word-Processor/react/print.md index be4b00b28b..36fa8d6825 100644 --- a/Document-Processing/Word/Word-Processor/react/print.md +++ b/Document-Processing/Word/Word-Processor/react/print.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Print in React DOCX Editor -To print the document, use the [`print`](https://ej2.syncfusion.com/react/documentation/api/document-editor#print) method from the Document Editor instance. +To print the document, use the [`print`](https://ej2.syncfusion.com/react/documentation/api/document-editor#print) method from the DOCX Editor instance. Refer to the following example for showing a document and printing it. @@ -45,13 +45,13 @@ Refer to the following example for creating a document and printing it. {% previewsample "/document-processing/code-snippet/document-editor/react/print-cs2" %} N> 1. DocumentEditor features are segregated into individual feature-wise modules. To use print, inject the `Print` module using `DocumentEditor.Inject(Print)`. -N> 2. To enable print for a Document Editor instance, set `enablePrint` as true. +N> 2. To enable print for a DOCX Editor instance, set `enablePrint` as true. ## Improve print quality -The Document 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 Document 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 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 Document Editor container. +The following example code illustrates how to improve the print quality in the DOCX Editor container. ```ts import { createRoot } from 'react-dom/client'; @@ -78,13 +78,13 @@ export default App; createRoot(document.getElementById('sample')).render(); ``` -N> 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. +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> By default, the `printDevicePixelRatio` value is 1. ## Print using window object -You can print the document in the Document Editor by passing the window instance. This is useful to implement print in third-party frameworks such as Electron, where the window instance will be available. Refer to the following example. +You can print the document in the DOCX Editor by passing the window instance. This is useful to implement print in third-party frameworks such as Electron, where the window instance will be available. Refer to the following example. ```ts import * as ReactDOM from 'react-dom'; @@ -216,7 +216,7 @@ ReactDOM.render(, document.getElementById('sample')); ``` -By customizing margins, papers, and layouts, the layout of the document will be changed in the Document Editor. To modify these options during the print operation, serialize the document as SFDT using the [`serialize`](https://ej2.syncfusion.com/react/documentation/api/document-editor#serialize) method in the Document Editor instance and open the SFDT data in another instance of the Document Editor in a separate window. +By customizing margins, papers, and layouts, the layout of the document will be changed in the DOCX Editor. To modify these options during the print operation, serialize the document as SFDT using the [`serialize`](https://ej2.syncfusion.com/react/documentation/api/document-editor#serialize) method in the DOCX Editor instance and open the SFDT data in another instance of the DOCX Editor in a separate window. The following example shows how to customize layout options only for printing. @@ -236,7 +236,7 @@ The following example shows how to customize layout options only for printing. ## Online Demo -Explore how to print Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/print). +Explore how to print Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/print). ## See Also diff --git a/Document-Processing/Word/Word-Processor/react/restrict-editing.md b/Document-Processing/Word/Word-Processor/react/restrict-editing.md index b112aa78da..006b99461a 100644 --- a/Document-Processing/Word/Word-Processor/react/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/react/restrict-editing.md @@ -11,18 +11,18 @@ domainurl: ##DomainURL## # Restrict Editing in React DOCX Editor -[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides support for restricting editing within a document. It enables control over how and where content can be modified. This helps limit editing so only specific sections of the document can be changed. +[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides support for restricting editing within a document. It enables control over how and where content can be modified. This helps limit editing so only specific sections of the document can be changed. ## Configure on client side -The Document Editor provides options to protect and unprotect a document using the [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) APIs, enabling various restrict-editing operations. +The DOCX Editor provides options to protect and unprotect a document using the [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) APIs, enabling various restrict-editing operations. ### Read-only mode -The Document Editor supports protecting a document in read-only mode, where users can only view the content without making changes. +The DOCX Editor supports protecting a document in read-only mode, where users can only view the content without making changes. -The following example code illustrates how to enforce or remove read-only protection in the Document Editor. +The following example code illustrates how to enforce or remove read-only protection in the DOCX Editor. {% tabs %} {% highlight ts tabtitle="TS" %} @@ -68,9 +68,9 @@ export default App; ### Form filling mode -The Document Editor supports protecting a document with form-filling restrictions, allowing users to edit only form fields. +The DOCX Editor supports protecting a document with form-filling restrictions, allowing users to edit only form fields. -The following example code illustrates how to enforce or remove form-filling restrictions in the Document Editor. +The following example code illustrates how to enforce or remove form-filling restrictions in the DOCX Editor. {% tabs %} {% highlight ts tabtitle="TS" %} @@ -118,9 +118,9 @@ export default App; ### Comments only mode -The Document Editor supports protecting a document in comments-only mode, allowing users to add or edit comments only. +The DOCX Editor supports protecting a document in comments-only mode, allowing users to add or edit comments only. -The following example code illustrates how to enforce and remove comments-only protection in the Document Editor. +The following example code illustrates how to enforce and remove comments-only protection in the DOCX Editor. {% tabs %} {% highlight ts tabtitle="TS" %} @@ -168,9 +168,9 @@ export default App; ### Track changes only mode -The Document Editor supports protecting a document in revisions-only mode, allowing users to view the document and make corrections while tracking all changes. Users cannot accept or reject tracked changes; only the author can review and finalize them later. +The DOCX Editor supports protecting a document in revisions-only mode, allowing users to view the document and make corrections while tracking all changes. Users cannot accept or reject tracked changes; only the author can review and finalize them later. -The following example code illustrates how to enforce and remove revisions-only protection in the Document Editor. +The following example code illustrates how to enforce and remove revisions-only protection in the DOCX Editor. {% tabs %} {% highlight ts tabtitle="TS" %} @@ -218,7 +218,7 @@ export default App; ### Format restrictions -The Document Editor enforces document protection using the specified credentials. In the [enforceProtection](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#enforceprotection-1) method, the second parameter represents `limitToFormatting`, and the third parameter represents `isReadOnly`. +The DOCX Editor enforces document protection using the specified credentials. In the [enforceProtection](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#enforceprotection-1) method, the second parameter represents `limitToFormatting`, and the third parameter represents `isReadOnly`. {% tabs %} {% highlight ts tabtitle="TS" %} @@ -232,7 +232,7 @@ container.documentEditor.editor.enforceProtection('password', true, true); 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 generate a hash from the specified password and salt values, which is necessary for the restrict editing functionality. +The DOCX Editor client requires a server-side API to generate a hash from the specified password and salt values, which is necessary for the restrict editing functionality. For more information on configuring restrict editing on the server side, refer to the following: @@ -336,4 +336,4 @@ N> The hosted Web API URL is for demo and evaluation purposes only. For producti ## Online Demo -Explore how to restrict editing and protect Word documents using the React Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/document-protection). \ No newline at end of file +Explore how to restrict editing and protect Word documents using the React DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/react/#/tailwind3/document-editor/document-protection). diff --git a/Document-Processing/Word/Word-Processor/react/ribbon.md b/Document-Processing/Word/Word-Processor/react/ribbon.md index e8482bc459..92d6a569e8 100644 --- a/Document-Processing/Word/Word-Processor/react/ribbon.md +++ b/Document-Processing/Word/Word-Processor/react/ribbon.md @@ -10,20 +10,20 @@ domainurl: ##DomainURL## # Ribbon in React DOCX Editor -The [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides a modern Ribbon interface similar to Microsoft Word's interface. This Ribbon UI provides an efficient and intuitive way to access editing features, organizing commands within well-structured tabs and groups to enhance your document editing experience. Additionally, the Ribbon interface supports contextual tabs. Contextual tabs appear only when certain elements, such as tables, images, or headers/footers, are selected in the document. +The [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides a modern Ribbon interface similar to Microsoft Word's interface. This Ribbon UI provides an efficient and intuitive way to access editing features, organizing commands within well-structured tabs and groups to enhance your document editing experience. Additionally, the Ribbon interface supports contextual tabs. Contextual tabs appear only when certain elements, such as tables, images, or headers/footers, are selected in the document. You can switch between the classic **Toolbar** and the new **Ribbon** UI, and you can also choose between **Classic** and **Simplified** ribbon layouts. ## Enable Ribbon Mode -To enable Ribbon in React Document Editor, use the [`toolbarMode`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#toolbarmode) property of `DocumentEditorContainer`. The available toolbar modes are: +To enable Ribbon in React DOCX Editor, use the [`toolbarMode`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#toolbarmode) property of `DocumentEditorContainer`. The available toolbar modes are: - **'Toolbar'** - The traditional toolbar UI. - **'Ribbon'** - The Ribbon UI, which provides a tabbed interface with grouped commands. By default, `toolbarMode` is `Toolbar`. -To use Ribbon mode, add Document Editor component and its dependent component styles available in **../node_modules/@syncfusion** package folder. This can be added as reference in **src/App.css**. +To use Ribbon mode, add DOCX Editor component and its dependent component styles available in **../node_modules/@syncfusion** package folder. This can be added as reference in **src/App.css**. ```css @import '../node_modules/@syncfusion/ej2-base/styles/material.css'; @@ -38,7 +38,7 @@ To use Ribbon mode, add Document Editor component and its dependent component st @import '../node_modules/@syncfusion/ej2-ribbon/styles/material.css';/* Required for Ribbon */ ``` -The following code shows how to enable the `Ribbon` in the Document Editor. +The following code shows how to enable the `Ribbon` in the DOCX Editor. {% raw %} @@ -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 Document Editor Container with Ribbon mode enabled + // Initialize the DOCX Editor Container with Ribbon mode enabled return (
@@ -79,14 +79,14 @@ root.render(); ## Ribbon Layouts -Document Editor provides two different Ribbon layouts: +DOCX Editor provides two different Ribbon layouts: - **Classic**: A traditional Office-like ribbon with detailed grouping and larger icons - **Simplified**: A more compact ribbon design with streamlined controls By default, `ribbonLayout` is set to `Simplified`. -The following code shows how to configure the ribbon layout in the Document Editor: +The following code shows how to configure the ribbon layout in the DOCX Editor: {% raw %} @@ -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 Document Editor Container with the Classic ribbon layout + // Configure the DOCX Editor Container with the Classic ribbon layout return (
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. ![Shape resizer view in DocumentEditor](images/Shapes_images/shape_resizer.png) @@ -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. ![view of shape with square wrapping style in DocumentEditor](images/Text-Wrapping-Style_images/square-textwrapping.PNG) 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 ![Custom metadata along with author in track changes pane](./images/custom-metadata-author-trackchanges.png) -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. ![Filter changes by user in review panel](./images/filter-changes-by-user.png) ## 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. -![Dictionary setup in React Document Editor](../images/spellcheck-dictionary-setup.png) +![Dictionary setup in React DOCX Editor](../images/spellcheck-dictionary-setup.png) 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: -![Change the cursor color in document editor](../images/cursor-css.png) +![Change the cursor color in DOCX Editor](../images/cursor-css.png) + 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