From ab67774ab13b3c5530e0302597b95f08560112f2 Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Thu, 27 Aug 2026 13:29:47 +0530 Subject: [PATCH 1/6] Resolved redundant keyword usage in Angular DOCX Editor --- .../Word-Processor/angular/accessibility.md | 8 ++--- .../Word/Word-Processor/angular/bookmark.md | 8 ++--- .../Word/Word-Processor/angular/chart.md | 8 ++--- .../Word/Word-Processor/angular/clipboard.md | 28 ++++++++--------- .../angular/collaborative-editing/overview.md | 2 +- .../using-redis-cache-asp-net-core.md | 22 +++++++------- .../using-redis-cache-java.md | 10 +++---- .../Word/Word-Processor/angular/comments.md | 25 ++++++++-------- .../Word-Processor/angular/content-control.md | 2 +- .../Word/Word-Processor/angular/dialog.md | 14 ++++----- .../angular/document-management.md | 2 +- .../Word/Word-Processor/angular/export.md | 12 ++++---- .../Word-Processor/angular/faq/sfdt-faqs.md | 10 +++---- .../angular/faq/unsupported-file-format.md | 10 +++---- .../Word-Processor/angular/feature-module.md | 6 ++-- .../Word/Word-Processor/angular/fields.md | 8 ++--- .../angular/find-and-replace.md | 10 +++---- .../Word-Processor/angular/form-fields.md | 12 ++++---- .../Word-Processor/angular/getting-started.md | 16 +++++----- .../Word-Processor/angular/global-local.md | 8 ++--- .../Word-Processor/angular/header-footer.md | 2 +- .../Word/Word-Processor/angular/history.md | 12 ++++---- .../how-to/add-save-button-in-toolbar.md | 4 +-- .../auto-save-document-in-document-editor.md | 2 +- .../angular/how-to/auto-save-document.md | 4 +-- .../angular/how-to/change-document-view.md | 6 ++-- ...nge-the-cursor-color-in-document-editor.md | 2 +- ...ange-the-default-search-highlight-color.md | 2 +- .../angular/how-to/customize-color-picker.md | 6 ++-- .../angular/how-to/customize-context-menu.md | 10 +++---- .../how-to/customize-font-family-drop-down.md | 2 +- .../angular/how-to/customize-ribbon.md | 18 +++++------ .../angular/how-to/customize-tool-bar.md | 4 +-- .../angular/how-to/default-read-only.md | 2 +- ...oy-document-editor-component-for-mobile.md | 14 ++++----- .../angular/how-to/disable-auto-focus.md | 4 +-- .../angular/how-to/disable-drag-and-drop.md | 6 ++-- ...ader-and-footer-edit-in-document-editor.md | 11 +++---- .../disable-optimized-text-measuring.md | 8 ++--- ...able-ruler-in-document-editor-component.md | 10 +++---- .../angular/how-to/export-document-as-pdf.md | 8 ++--- .../angular/how-to/get-current-word.md | 10 +++---- .../how-to/get-the-selected-content.md | 10 +++---- .../hide-tool-bar-and-properties-pane.md | 12 ++++---- ...insert-page-number-and-navigate-to-page.md | 9 +++--- .../how-to/insert-text-in-current-position.md | 4 +-- ...text-or-image-in-table-programmatically.md | 2 +- .../move-selection-to-specific-position.md | 4 +-- .../angular/how-to/open-default-document.md | 2 +- .../how-to/open-document-by-address.md | 6 ++-- .../angular/how-to/optimize-sfdt.md | 2 +- .../how-to/override-the-keyboard-shortcuts.md | 4 +-- .../angular/how-to/resize-document-editor.md | 26 ++++++++-------- .../retrieve-the-bookmark-content-as-text.md | 16 +++++----- .../set-default-format-in-document-editor.md | 22 +++++++------- .../angular/how-to/show-hide-spinner.md | 2 +- .../Word/Word-Processor/angular/image.md | 6 ++-- .../Word/Word-Processor/angular/import.md | 18 +++++------ .../Word/Word-Processor/angular/link.md | 14 ++++----- .../Word-Processor/angular/list-format.md | 8 ++--- .../Word/Word-Processor/angular/notes.md | 13 ++++---- .../opening-documents/aws-s3-bucket.md | 10 +++---- .../opening-documents/azure-blob-storage.md | 10 +++---- .../box-cloud-file-storage.md | 10 +++---- .../dropbox-cloud-file-storage.md | 8 ++--- .../opening-documents/google-cloud-storage.md | 8 ++--- .../angular/opening-documents/google-drive.md | 8 ++--- .../angular/opening-documents/one-drive.md | 8 ++--- .../Word/Word-Processor/angular/overview.md | 8 ++--- .../angular/paragraph-format.md | 6 ++-- .../Word/Word-Processor/angular/print.md | 16 +++++----- .../angular/restrict-editing.md | 30 +++++++++---------- .../Word/Word-Processor/angular/ribbon.md | 10 +++---- .../Word-Processor/angular/right-to-left.md | 2 +- .../angular/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 ++-- .../angular/saving-documents/google-drive.md | 6 ++-- .../angular/saving-documents/one-drive.md | 6 ++-- .../saving-documents/server-side-export.md | 2 +- .../angular/scrolling-zooming.md | 4 +-- .../Word-Processor/angular/section-format.md | 6 ++-- .../angular/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/angular/shapes.md | 6 ++-- .../Word-Processor/angular/spell-check.md | 6 ++-- .../Word/Word-Processor/angular/styles.md | 8 ++--- .../angular/supported-fileformats.md | 4 +-- .../Word-Processor/angular/table-format.md | 10 +++---- .../angular/table-of-contents.md | 4 +-- .../Word/Word-Processor/angular/table.md | 14 ++++----- .../Word-Processor/angular/text-format.md | 6 ++-- .../angular/text-wrapping-style.md | 2 +- .../Word-Processor/angular/track-changes.md | 20 ++++++------- .../document-loading-issue-with-404-error.md | 4 +-- .../angular/ui-builder-skill.md | 28 ++++++++--------- .../angular/unsupported-features.md | 2 +- .../Word/Word-Processor/angular/view.md | 19 ++++++------ .../angular/web-services-overview.md | 14 ++++----- .../angular/web-services/core.md | 14 ++++----- .../angular/web-services/java.md | 18 +++++------ .../angular/web-services/mvc.md | 12 ++++---- 107 files changed, 481 insertions(+), 476 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/accessibility.md b/Document-Processing/Word/Word-Processor/angular/accessibility.md index c2e0c9d361..ceda523070 100644 --- a/Document-Processing/Word/Word-Processor/angular/accessibility.md +++ b/Document-Processing/Word/Word-Processor/angular/accessibility.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Accessibility in Angular DOCX Editor -The accessibility compliance for the [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) component is outlined below. +The accessibility compliance for the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) component is outlined below. | Accessibility Criteria | Compatibility | | -- | -- | @@ -38,15 +38,15 @@ The accessibility compliance for the [Angular Document Editor](https://www.syncf ## Keyboard interaction -The Document Editor supports [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 DOCX Editor supports [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-angular-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/samples/document-editor/angular/accessibility-cs1" %} diff --git a/Document-Processing/Word/Word-Processor/angular/bookmark.md b/Document-Processing/Word/Word-Processor/angular/bookmark.md index 73cd685f7a..0cfa336064 100644 --- a/Document-Processing/Word/Word-Processor/angular/bookmark.md +++ b/Document-Processing/Word/Word-Processor/angular/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. -[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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. @@ -79,7 +79,7 @@ this.container.documentEditor.editor.insertText('Hello World'); ## 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. @@ -89,7 +89,7 @@ this.container.documentEditor.documentEditorSettings.showBookmarks = true; ## 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. {% tabs %} {% highlight ts tabtitle="app.component.ts" %} @@ -105,7 +105,7 @@ The following example shows how to open bookmark dialog in Document Editor. ## Online Demo -Explore how to insert and manage bookmarks in Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/links-bookmarks). +Explore how to insert and manage bookmarks in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/links-bookmarks). ## See Also diff --git a/Document-Processing/Word/Word-Processor/angular/chart.md b/Document-Processing/Word/Word-Processor/angular/chart.md index 683025802e..003085b2e8 100644 --- a/Document-Processing/Word/Word-Processor/angular/chart.md +++ b/Document-Processing/Word/Word-Processor/angular/chart.md @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # Charts in Angular DOCX Editor -[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) provides chart preservation support. Using the Document Editor, you can view chart reports from your Word document. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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 ts tabtitle="app.component.ts" %} @@ -28,7 +28,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 @@ -51,4 +51,4 @@ The following chart types are supported in the Document Editor: ## Online Demo -Explore how to preserve charts in Word documents using the Angular Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/chart). \ No newline at end of file +Explore how to preserve charts in Word documents using the Angular DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/chart). diff --git a/Document-Processing/Word/Word-Processor/angular/clipboard.md b/Document-Processing/Word/Word-Processor/angular/clipboard.md index dee004721a..76bdc8cc38 100644 --- a/Document-Processing/Word/Word-Processor/angular/clipboard.md +++ b/Document-Processing/Word/Word-Processor/angular/clipboard.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # Clipboard in Angular DOCX Editor -[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) takes advantage of the system clipboard and allows you to copy or move a portion of the document into the clipboard in HTML format, so that it can be pasted in any application that supports clipboard. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) takes advantage of the system clipboard and allows you to copy or move a portion of the document into the clipboard in HTML format, so that it can be pasted in any application that supports clipboard. ## 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. ```typescript this.documentEditor.selection.copy(); @@ -22,7 +22,7 @@ this.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. ```typescript this.documentEditor.editor.cut(); @@ -30,15 +30,15 @@ this.documentEditor.editor.cut(); ## Paste -Due to limitations, you can paste contents from the system clipboard in the Document Editor only using the 'CTRL + V' keyboard shortcut. +Due to limitations, you can paste contents from the system clipboard in the DOCX Editor only using the 'CTRL + V' keyboard shortcut. N> Due to browser limitation of getting content from the system clipboard, paste using the API and context menu option doesn't work. ## Local paste (copy/paste within control) -Document Editor exposes an API to enable local paste within the control. On enabling this, the following is performed: +DOCX Editor exposes an API to enable local paste within the control. On enabling this, the following is performed: * Selected contents will be stored to an internal clipboard in addition to the system clipboard. -* Clipboard paste will be overridden, and internally stored data (SFDT data) that has formatted text will be pasted using paste() API in the Document Editor. +* Clipboard paste will be overridden, and internally stored data (SFDT data) that has formatted text will be pasted using paste() API in the DOCX Editor. Refer to the following sample code. @@ -67,7 +67,7 @@ import { standalone: true, selector: 'app-container', - //specifies the template string for the Document Editor component + //specifies the template string for the DOCX Editor component template: `
`, @@ -91,7 +91,7 @@ export class AppComponent { ``` 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 the 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 the last copy operation. Refer to the following sample code. ```typescript this.documentEditor.editor.paste(); @@ -99,7 +99,7 @@ this.documentEditor.editor.paste(); ### Paste options in context menu -In Document Editor, paste options in the context menu will be in disabled state if you try to copy/paste content from outside of the Document Editor. It gets enabled when **enableLocalPaste** is true and trying to copy/paste content inside the Document Editor. +In DOCX Editor, paste options in the context menu will be in disabled state if you try to copy/paste content from outside of the DOCX Editor. It gets enabled when **enableLocalPaste** is true and trying to copy/paste content inside the DOCX Editor. N> Due to browser limitation of getting content from system clipboard, paste using API and context menu option doesn't work. Hence, the paste option is disabled in context menu. Alternatively, you can use the keyboard shortcuts, @@ -112,16 +112,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 Document Editor component and pasting outside will work properly in both cases. +* Copying content from 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 Document Editor to false and use this .NET Standard library [`Syncfusion.EJ2.WordEditor.AspNet.Core`]() by the web API service implementation. This library helps you to paste the system clipboard data with formatting. +DOCX Editor provides support to paste the system clipboard data with formatting. To enable clipboard paste with formatting options, set the `enableLocalPaste` property in DOCX Editor to false and use this .NET Standard library [`Syncfusion.EJ2.WordEditor.AspNet.Core`]() by the web API service implementation. This library helps you to paste the system clipboard data with formatting. Refer this [page](./web-services-overview) for more details. @@ -134,7 +134,7 @@ 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 diff --git a/Document-Processing/Word/Word-Processor/angular/collaborative-editing/overview.md b/Document-Processing/Word/Word-Processor/angular/collaborative-editing/overview.md index 07eb35b9ec..5ab4b14b79 100644 --- a/Document-Processing/Word/Word-Processor/angular/collaborative-editing/overview.md +++ b/Document-Processing/Word/Word-Processor/angular/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> 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> 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> 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/angular/collaborative-editing/using-redis-cache-asp-net-core.md b/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-asp-net-core.md index 780d3d19f3..0091aaee59 100644 --- a/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-asp-net-core.md +++ b/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-asp-net-core.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # Collaborative Editing in Angular DOCX Editor using ASP.NET Core -[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-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. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-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 @@ -96,7 +96,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 (Angular Document Editor) +### Client (Angular DOCX Editor) - Captures user edits in the document @@ -122,15 +122,15 @@ Collaborative editing is built using three main components: ## Integrate collaborative editing in client side -### Step 1: Integrate Document Editor in Angular sample +### Step 1: Integrate DOCX Editor in Angular sample -Refer to the following documentation to get started with the [Angular Document Editor](https://help.syncfusion.com/document-processing/word/word-processor/angular/getting-started) +Refer to the following documentation to get started with the [Angular DOCX Editor](https://help.syncfusion.com/document-processing/word/word-processor/angular/getting-started) ### Step 2: Enable collaborative editing -To enable collaborative editing, inject `CollaborativeEditingHandler` and set the `enableCollaborativeEditing` property to true in the Document Editor. +To enable collaborative editing, inject `CollaborativeEditingHandler` and set the `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="app.ts" %} @@ -166,7 +166,7 @@ export class App { private serviceUrl: string = "http://localhost:5212/"; onCreated() { - // Enable collaborative editing in Document Editor. + // Enable collaborative editing in DOCX Editor. this.container.documentEditor.enableCollaborativeEditing = true; this.initializeSignalR(); this.loadDocumentFromServer(); @@ -179,7 +179,7 @@ export class App { To broadcast changes and receive updates from remote users, install the [Microsoft SignalR npm](https://www.npmjs.com/package/@microsoft/signalr) package in the Angular 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="app.ts" %} @@ -314,7 +314,7 @@ 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` event in the Document Editor. +The following code snippet demonstrates how to send changes to the server using the `contentChange` event in the DOCX Editor. {% tabs %} {% highlight ts tabtitle="app.ts" %} @@ -333,7 +333,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/angular/collaborative-editing/using-redis-cache-java.md b/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-java.md index 28aff185de..b249194154 100644 --- a/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-java.md +++ b/Document-Processing/Word/Word-Processor/angular/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 [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) +The following are needed to enable collaborative editing in [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-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. ```html
@@ -51,7 +51,7 @@ DocumentEditorComponent.Inject(CollaborativeEditingHandler); private collaborativeEditingHandler!: CollaborativeEditingHandler; onCreated() { - // Enable collaborative editing in Document Editor. + // Enable collaborative editing in DOCX Editor. this.container.documentEditor.enableCollaborativeEditing = true; } ``` @@ -126,7 +126,7 @@ joinGroup(documentName: 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 onContentChange = (args: ContainerContentChangeEventArgs) => { diff --git a/Document-Processing/Word/Word-Processor/angular/comments.md b/Document-Processing/Word/Word-Processor/angular/comments.md index 7a4ccb8728..f37478f096 100644 --- a/Document-Processing/Word/Word-Processor/angular/comments.md +++ b/Document-Processing/Word/Word-Processor/angular/comments.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Comments in Angular DOCX Editor -[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) allows you to add comments to documents. You can add, navigate and remove comments in code and from the UI. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) allows you to add comments to documents. You can add, navigate and remove comments in code and from the UI. ## Add a new comment @@ -64,15 +64,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 = this.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 this.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/angular/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/angular/documentation/api/document-editor#getcomments). ```typescript //Get Comments in the document along with the properties author, date, status. @@ -119,11 +119,11 @@ this.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/angular/documentation/api/document-editor/editor#enforceprotection) and [`stopProtection`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#stopprotection) API. +DOCX Editor provides an option to protect and unprotect document using [`enforceProtection`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#enforceprotection) and [`stopProtection`](https://ej2.syncfusion.com/angular/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. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -171,7 +171,7 @@ export class AppComponent implements OnInit { } ``` -> 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) @@ -183,7 +183,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 ```typescript import { Component, OnInit } from '@angular/core'; @@ -206,7 +206,7 @@ export class AppComponent implements OnInit { } ``` -> 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 @@ -250,8 +250,9 @@ export class AppComponent implements OnInit { } ``` -> 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 Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/comments). +Explore how to add, view, and manage comments in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/comments). + diff --git a/Document-Processing/Word/Word-Processor/angular/content-control.md b/Document-Processing/Word/Word-Processor/angular/content-control.md index 736a0cf75a..ae5af018a7 100644 --- a/Document-Processing/Word/Word-Processor/angular/content-control.md +++ b/Document-Processing/Word/Word-Processor/angular/content-control.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Content Controls in Angular DOCX Editor -[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) provides support for inserting, editing content controls. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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/angular/dialog.md b/Document-Processing/Word/Word-Processor/angular/dialog.md index 15cc268d27..346cfcbf82 100644 --- a/Document-Processing/Word/Word-Processor/angular/dialog.md +++ b/Document-Processing/Word/Word-Processor/angular/dialog.md @@ -133,7 +133,7 @@ import { standalone: true, selector: 'app-container', - //specifies the template string for the Document Editor component + //specifies the template string for the DOCX Editor component template: `
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. ## See also diff --git a/Document-Processing/Word/Word-Processor/angular/export.md b/Document-Processing/Word/Word-Processor/angular/export.md index a3d50c6ae4..06749d7cb1 100644 --- a/Document-Processing/Word/Word-Processor/angular/export.md +++ b/Document-Processing/Word/Word-Processor/angular/export.md @@ -21,7 +21,7 @@ Two types of save APIs are provided as mentioned below. ## 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 ts tabtitle="app.component.ts" %} @@ -39,7 +39,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 Syncfusion® 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 Syncfusion® 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 ts tabtitle="app.component.ts" %} @@ -57,7 +57,7 @@ N> The Syncfusion® Document Editor componen The following example shows how to export the document as a Word Template (.dotx). -N> The Syncfusion® 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 Syncfusion® 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 ts tabtitle="app.component.ts" %} @@ -89,7 +89,7 @@ The following example shows how to export the document as a text document (.txt) ## 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. ```typescript import { Component, ViewEncapsulation, ViewChild } from '@angular/core'; @@ -99,7 +99,7 @@ import { @Component({ selector: 'app-container', - //specifies the template string for the Document Editor component + //specifies the template string for the DOCX Editor component template: `
`, encapsulation: ViewEncapsulation.None, @@ -198,7 +198,7 @@ function download(fileName: string, extension: string, buffer: Blob, downloadLin ## Online demo -Explore how to export Word documents in various formats using the Angular Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/advanced-exporting). +Explore how to export Word documents in various formats using the Angular DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/advanced-exporting). ## See also diff --git a/Document-Processing/Word/Word-Processor/angular/faq/sfdt-faqs.md b/Document-Processing/Word/Word-Processor/angular/faq/sfdt-faqs.md index 5bc7a7629c..f7981e58f0 100644 --- a/Document-Processing/Word/Word-Processor/angular/faq/sfdt-faqs.md +++ b/Document-Processing/Word/Word-Processor/angular/faq/sfdt-faqs.md @@ -14,11 +14,11 @@ The frequently asked questions about SFDT in [Angular DOCX Editor](https://www.s ## 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/angular/faq/unsupported-file-format.md b/Document-Processing/Word/Word-Processor/angular/faq/unsupported-file-format.md index 8616cf270e..d1f56f428f 100644 --- a/Document-Processing/Word/Word-Processor/angular/faq/unsupported-file-format.md +++ b/Document-Processing/Word/Word-Processor/angular/faq/unsupported-file-format.md @@ -10,14 +10,14 @@ domainurl: ##DomainURL## # Supported File Formats in Angular 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 [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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 [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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/angular/feature-module.md b/Document-Processing/Word/Word-Processor/angular/feature-module.md index 79cdf26baf..e01f4505a8 100644 --- a/Document-Processing/Word/Word-Processor/angular/feature-module.md +++ b/Document-Processing/Word/Word-Processor/angular/feature-module.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Feature Modules in Angular DOCX Editor -[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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: +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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: * **PrintService** - Prints the document. * **SfdtExportService** - Exports the document as Syncfusion® Document Text (.SFDT) file. * **SelectionService** - Selects a portion of the document and copies it to the clipboard. @@ -21,10 +21,10 @@ domainurl: ##DomainURL## * **EditorHistoryService** - 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 | |---|---|---| |PrintService|`PrintService`|``| |SfdtExportService|`SfdtExportService`|``| diff --git a/Document-Processing/Word/Word-Processor/angular/fields.md b/Document-Processing/Word/Word-Processor/angular/fields.md index 7e7e7e81ba..106a98e2fa 100644 --- a/Document-Processing/Word/Word-Processor/angular/fields.md +++ b/Document-Processing/Word/Word-Processor/angular/fields.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Fields in Angular DOCX Editor -[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) has preservation support for all types of fields in an existing word document without any data loss. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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»'; this.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. ```typescript //Update all the bookmark cross reference field 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/angular/find-and-replace.md b/Document-Processing/Word/Word-Processor/angular/find-and-replace.md index d17c1045ac..5f4fdc93a5 100644 --- a/Document-Processing/Word/Word-Processor/angular/find-and-replace.md +++ b/Document-Processing/Word/Word-Processor/angular/find-and-replace.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Find and Replace in Angular DOCX Editor -The [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) component searches a portion of text in the document through a built-in interface called `OptionsPane` or rich APIs. When used in combination with selection, it performs various operations on the search results like replacing it with some other text, highlighting it, making it bolder, and more. +The [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) component searches a portion of text in the document through a built-in interface called `OptionsPane` or rich APIs. When used in combination with selection, it performs various operations on the search results like replacing it with some other text, highlighting it, making it bolder, and more. ## Options pane @@ -32,7 +32,7 @@ You can close the options pane by pressing `Esc` key. ## Search -The [`Search`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/search) module of Document Editor exposes the following APIs: +The [`Search`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/search) module of DOCX Editor exposes the following APIs: |API Name|Type |Description| |---|---|---| @@ -44,7 +44,7 @@ The [`Search`](https://ej2.syncfusion.com/angular/documentation/api/document-edi Using [`find()`](https://ej2.syncfusion.com/angular/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. ```typescript this.documenteditor.search.find('Some text', 'None'); @@ -79,7 +79,7 @@ The [`SearchResults`](https://ej2.syncfusion.com/angular/documentation/api/docum Using [`replaceAll`](https://ej2.syncfusion.com/angular/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. ```typescript this.documentEditor.search.findAll ('Some text'); @@ -131,7 +131,7 @@ import { @Component({ selector: 'app-container', - //specifies the template string for the Document Editor component + //specifies the template string for the DOCX Editor component template: ` `, encapsulation: ViewEncapsulation.None, providers: [EditorService, SelectionService, SfdtExportService] diff --git a/Document-Processing/Word/Word-Processor/angular/form-fields.md b/Document-Processing/Word/Word-Processor/angular/form-fields.md index 0ead238faf..ed7dc5c1f1 100644 --- a/Document-Processing/Word/Word-Processor/angular/form-fields.md +++ b/Document-Processing/Word/Word-Processor/angular/form-fields.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Form Fields in Angular DOCX Editor -[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) Container component provides support for inserting Text, CheckBox, DropDown form fields through in-built toolbar. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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 @@ this.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/angular/documentation/api/document-editor/editor#enforceprotection) and [`stopProtection`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#stopprotection) API. +DOCX Editor provides an option to protect and unprotect document using [`enforceProtection`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#enforceprotection) and [`stopProtection`](https://ej2.syncfusion.com/angular/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. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -172,10 +172,10 @@ export class AppComponent implements OnInit { } ``` -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> In the enforceProtection 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 Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/form-fields). \ No newline at end of file +Explore how to insert and manage form fields in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/form-fields). diff --git a/Document-Processing/Word/Word-Processor/angular/getting-started.md b/Document-Processing/Word/Word-Processor/angular/getting-started.md index 2d081c3c1d..b82db3e228 100644 --- a/Document-Processing/Word/Word-Processor/angular/getting-started.md +++ b/Document-Processing/Word/Word-Processor/angular/getting-started.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Getting Started with Angular DOCX Editor -[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) enables you to create, edit, view, and print Word documents in web applications. This section guides you through the steps to get started and create a Document Editor in an Angular application. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) enables you to create, edit, view, and print Word documents in web applications. This section guides you through the steps to get started and create a DOCX Editor in an Angular application. {% tabcontents %} @@ -150,11 +150,11 @@ In this guide, CSS is selected as the stylesheet format. cd documenteditor-app ``` -## Install the Document Editor packages +## Install the DOCX Editor packages -The Document Editor package is available in the public npm registry and can be installed directly from [`npmjs.com`](https://www.npmjs.com/package/@syncfusion/ej2-angular-documenteditor). +The DOCX Editor package is available in the public npm registry and can be installed directly from [`npmjs.com`](https://www.npmjs.com/package/@syncfusion/ej2-angular-documenteditor). -To install the Document Editor component, use the following command: +To install the DOCX Editor component, use the following command: ```bash npm install @syncfusion/ej2-angular-documenteditor --save @@ -190,9 +190,9 @@ The required styles for the DOCX Editor are imported in the **src/styles.css** f {% endhighlight %} {% endtabs %} -## Initialize the Document Editor +## Initialize the DOCX Editor -Modify `src/app/app.ts` to render the Document Editor component by adding the Angular DOCX Editor selector in its template section. +Modify `src/app/app.ts` to render the DOCX Editor component by adding the Angular DOCX Editor selector in its template section. {% tabs %} {% highlight ts tabtitle="app.ts" %} @@ -241,7 +241,7 @@ After the application starts, open the localhost URL shown in the terminal. The {% endtabcontents %} -You can also explore the Document Editor interactively using the live sample below. +You can also explore the DOCX Editor interactively using the live sample below. {% previewsample "/document-processing/samples/document-editor/angular/document-editor-container-cs2" %} @@ -249,7 +249,7 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Angular-DOCX-Ed ## 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 diff --git a/Document-Processing/Word/Word-Processor/angular/global-local.md b/Document-Processing/Word/Word-Processor/angular/global-local.md index 6e538235e8..58b28dcf91 100644 --- a/Document-Processing/Word/Word-Processor/angular/global-local.md +++ b/Document-Processing/Word/Word-Processor/angular/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 [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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/angular/#/tailwind3/document-editor/right-to-left) +The Localization library allows you to localize default text content of the DOCX Editor. The [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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/angular/#/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,9 +363,9 @@ 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. +The following list of properties and its values are used in the DOCX Editor container. Locale keywords |Text -----|----- diff --git a/Document-Processing/Word/Word-Processor/angular/header-footer.md b/Document-Processing/Word/Word-Processor/angular/header-footer.md index 63607f35ae..733ba05b91 100644 --- a/Document-Processing/Word/Word-Processor/angular/header-footer.md +++ b/Document-Processing/Word/Word-Processor/angular/header-footer.md @@ -87,7 +87,7 @@ this.documentEditor.selection.closeHeaderFooter(); ## Online demo -Explore how to add and customize headers and footers in Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/headers-footers). +Explore how to add and customize headers and footers in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/headers-footers). ## See also diff --git a/Document-Processing/Word/Word-Processor/angular/history.md b/Document-Processing/Word/Word-Processor/angular/history.md index 7bfe9caae0..41efbccaf3 100644 --- a/Document-Processing/Word/Word-Processor/angular/history.md +++ b/Document-Processing/Word/Word-Processor/angular/history.md @@ -14,7 +14,7 @@ domainurl: ##DomainURL## ## 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. ```typescript import { Component, ViewEncapsulation } from '@angular/core'; @@ -22,7 +22,7 @@ import { DocumentEditorComponent, SfdtExportService, SelectionService, EditorSer @Component({ selector: 'app-container', - //specifies the template string for the Document Editor component + //specifies the template string for the DOCX Editor component template: ` `, encapsulation: ViewEncapsulation.None, @@ -35,7 +35,7 @@ export class AppComponent { } ``` -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. ```typescript this.documentEditor.enableEditorHistory = false; @@ -43,8 +43,8 @@ this.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. ```typescript this.documentEditor.editorHistory.undo(); @@ -58,7 +58,7 @@ this.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. ```typescript this.documentEditor.editorHistory.undoLimit = 400; diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/add-save-button-in-toolbar.md b/Document-Processing/Word/Word-Processor/angular/how-to/add-save-button-in-toolbar.md index f222120db4..b9d39fa1c9 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/add-save-button-in-toolbar.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/add-save-button-in-toolbar.md @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # How to Add Save Button in Toolbar in Angular 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 -Angular Document Editor Container allows you to add a new button to the existing items in a toolbar using [`CustomToolbarItemModel`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/customToolbarItemModel) and with existing items in [`toolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container#toolbaritems) property. Newly added item click action can be defined in [`toolbarClick`](https://ej2.syncfusion.com/angular/documentation/api/toolbar/clickEventArgs). +Angular DOCX Editor Container allows you to add a new button to the existing items in a toolbar using [`CustomToolbarItemModel`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/customToolbarItemModel) and with existing items in [`toolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container#toolbaritems) property. Newly added item click action can be defined in [`toolbarClick`](https://ej2.syncfusion.com/angular/documentation/api/toolbar/clickEventArgs). ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/auto-save-document-in-document-editor.md b/Document-Processing/Word/Word-Processor/angular/how-to/auto-save-document-in-document-editor.md index 4169a3f657..1f5a3bfc99 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/auto-save-document-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/auto-save-document-in-document-editor.md @@ -79,7 +79,7 @@ export class AppComponent { } ``` -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/angular/how-to/auto-save-document.md b/Document-Processing/Word/Word-Processor/angular/how-to/auto-save-document.md index 796b83b009..01d23a4589 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/auto-save-document.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/auto-save-document.md @@ -87,7 +87,7 @@ export class AppComponent implements OnInit { } ``` -> 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. @@ -109,7 +109,7 @@ public string AutoSave() ## Online demo -Explore how to automatically save Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/auto-save). +Explore how to automatically save Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/auto-save). ## See also * [Auto Save document in DocumentEditor](../how-to/auto-save-document-in-document-editor) diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/change-document-view.md b/Document-Processing/Word/Word-Processor/angular/how-to/change-document-view.md index 1fba0c7b1b..a20e8012ef 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/change-document-view.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/change-document-view.md @@ -12,7 +12,7 @@ domainurl: ##DomainURL## ## How to change the document view in the DocumentEditor component -Angular Document Editor allows you to change the view to web layout or print layout using the [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#layouttype) property with the supported [`LayoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/layoutType). +Angular DOCX Editor allows you to change the view to web layout or print layout using the [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#layouttype) property with the supported [`LayoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/layoutType). ```typescript import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; @@ -52,7 +52,7 @@ export class AppComponent { } ``` -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> Default value of [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#layouttype) in the DocumentEditor component is [`Pages`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/layoutType). @@ -82,6 +82,6 @@ export class AppComponent { } ``` -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> Default value of [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#layouttype) in the DocumentEditorContainer component is [`Pages`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/layoutType). \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/change-the-cursor-color-in-document-editor.md b/Document-Processing/Word/Word-Processor/angular/how-to/change-the-cursor-color-in-document-editor.md index 67f61ca5c9..b544a0ed7d 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/change-the-cursor-color-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/change-the-cursor-color-in-document-editor.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Change Cursor Color in Angular DOCX Editor -The default cursor color of the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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 [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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/angular/how-to/change-the-default-search-highlight-color.md b/Document-Processing/Word/Word-Processor/angular/how-to/change-the-default-search-highlight-color.md index b27e395d3a..8d5b1d9c57 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/change-the-default-search-highlight-color.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/change-the-default-search-highlight-color.md @@ -46,7 +46,7 @@ export class AppComponent implements OnInit { } ``` -> 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/angular/how-to/customize-color-picker.md b/Document-Processing/Word/Word-Processor/angular/how-to/customize-color-picker.md index 7c76e5e54b..a0ff52091f 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/customize-color-picker.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/customize-color-picker.md @@ -14,7 +14,7 @@ domainurl: ##DomainURL## Similarly, you can also use the [`documentEditorSettings`](https://ej2.syncfusion.com/angular/documentation/api/document-editor) 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. ```typescript @@ -52,7 +52,7 @@ export class AppComponent implements OnInit { } ``` -> 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. | Property | Behavior | |---|---| @@ -67,4 +67,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 Angular Document Editor for formatting Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/color-picker-customization). \ No newline at end of file +Explore how to customize the color picker in the Angular DOCX Editor for formatting Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/color-picker-customization). diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/customize-context-menu.md b/Document-Processing/Word/Word-Processor/angular/how-to/customize-context-menu.md index 1565856989..f233f5d077 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/customize-context-menu.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/customize-context-menu.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Customize Context Menu in Angular DOCX Editor -## How to customize context menu in the Document Editor +## How to customize context menu in the DOCX Editor [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) allows you to add custom options to the context menu. Use the [`addCustomMenu()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/contextMenu#addcustommenu) method to add a custom option, and handle the selection with the [`customContextMenuSelect`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/customContentMenuEventArgs) event. @@ -88,7 +88,7 @@ N> The Web Service link `https://document.syncfusion.com/web-services/docx-edito ### 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 @@ -218,9 +218,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/angular/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/angular/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. ```typescript import { NgModule } from '@angular/core'; @@ -286,4 +286,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 Angular Document Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/custom-context-menu). \ No newline at end of file +Explore how to customize the context menu in the Angular DOCX Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/custom-context-menu). diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/customize-font-family-drop-down.md b/Document-Processing/Word/Word-Processor/angular/how-to/customize-font-family-drop-down.md index ec3b15bf16..ffe123cc42 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/customize-font-family-drop-down.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/customize-font-family-drop-down.md @@ -33,7 +33,7 @@ export class AppComponent implements OnInit { } ``` -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/angular/how-to/customize-ribbon.md b/Document-Processing/Word/Word-Processor/angular/how-to/customize-ribbon.md index bcfcaa6f08..80f1a3d7b2 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/customize-ribbon.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/customize-ribbon.md @@ -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/angular/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/angular/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. @@ -71,7 +71,7 @@ export class AppComponent { ## Backstage Menu Customization -The Document Editor provides a [`backStageMenu`](https://ej2.syncfusion.com/angular/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 a [`backStageMenu`](https://ej2.syncfusion.com/angular/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. @@ -116,7 +116,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 @@ -135,7 +135,7 @@ this.container.ribbon.showTab('custom_tab', false); ### Add Tab -The Document Editor provides the [`addTab`](https://ej2.syncfusion.com/angular/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/angular/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. ```typescript @@ -202,7 +202,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/angular/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/angular/documentation/api/document-editor-container/ribbon#showgroup) API to show or hide existing groups within a ribbon tab. The following code example shows how to show/hide the group using group Id or [`RibbonGroupInfo`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container#ribbongroupinfo). @@ -281,7 +281,7 @@ You can customize individual items within ribbon groups. This includes showing, ### Show/Hide Item -Using the [`showItems`](https://ej2.syncfusion.com/angular/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/angular/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/angular/documentation/api/document-editor-container#ribboniteminfo). @@ -298,7 +298,7 @@ this.container.ribbon.showItems('custom_item', false); ### Enable/Disable Item -Using the [`enableItems`](https://ej2.syncfusion.com/angular/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/angular/documentation/api/document-editor-container/ribbon#enableitems) API in the DOCX Editor ribbon to enable/disable the existing item. ```typescript // To disable the underline using ribbon item info @@ -314,7 +314,7 @@ this.container.ribbon.enableItems('custom_item', false); ### Add Item -You can use the [`addItem`](https://ej2.syncfusion.com/angular/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/angular/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. ```typescript @@ -362,4 +362,4 @@ export class AppComponent implements AfterViewInit { ## Online Demo -Explore how to customize the ribbon in the Angular Document Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/ribbon-customization). \ No newline at end of file +Explore how to customize the ribbon in the Angular DOCX Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/ribbon-customization). diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/customize-tool-bar.md b/Document-Processing/Word/Word-Processor/angular/how-to/customize-tool-bar.md index 9151761156..77ae2fc88a 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/customize-tool-bar.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/customize-tool-bar.md @@ -12,7 +12,7 @@ domainurl: ##DomainURL## ## How to customize existing toolbar in DocumentEditorContainer -Angular Document Editor Container allows you to customize (add, show, hide, enable, and disable) existing items in a toolbar. +Angular DOCX 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/angular/documentation/api/document-editor/customToolbarItemModel) and with existing items in [`toolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container#toolbaritems) property. Newly added item click action can be defined in [`toolbarClick`](https://ej2.syncfusion.com/angular/documentation/api/toolbar/clickEventArgs). @@ -137,4 +137,4 @@ export class AppComponent implements OnInit { ## Online Demo -Explore how to customize the toolbar in the Angular Document Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/toolbar-customization). \ No newline at end of file +Explore how to customize the toolbar in the Angular DOCX Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/toolbar-customization). diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/default-read-only.md b/Document-Processing/Word/Word-Processor/angular/how-to/default-read-only.md index b429660eb3..12d347dec9 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/default-read-only.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/default-read-only.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Open Angular 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 [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) & Document Editor Container. +In this article, we are going to see how to open a document in read-only mode by default in [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) & DOCX Editor Container. ## Opening a document in read-only mode by default in DocumentEditor diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/deploy-document-editor-component-for-mobile.md b/Document-Processing/Word/Word-Processor/angular/how-to/deploy-document-editor-component-for-mobile.md index 3c54efc75c..7b476d5f1d 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/deploy-document-editor-component-for-mobile.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/deploy-document-editor-component-for-mobile.md @@ -3,23 +3,23 @@ layout: post title: How to Deploy Angular DOCX Editor for Mobile | Syncfusion description: Deploy the Syncfusion® Angular DOCX Editor for mobile browsers in read-only mode to provide an optimized document viewing experience on mobile devices. platform: document-processing -control: Deploy Document Editor component for mobile +control: Deploy DOCX Editor component for mobile documentation: ug domainurl: ##DomainURL## --- # How to Deploy Angular DOCX Editor for Mobile -## Document Editor component for mobile +## DOCX Editor component for mobile -At present, Angular 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, Angular DOCX 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/angular/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/angular/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. ```typescript -//Initialize Document Editor Container component. +//Initialize DOCX Editor Container component. import { Component, ViewChild } from '@angular/core'; import { ToolbarService, DocumentEditorContainerComponent } from '@syncfusion/ej2-angular-documenteditor'; @Component({ @@ -51,7 +51,7 @@ export class AppComponent { } ``` -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/) diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/disable-auto-focus.md b/Document-Processing/Word/Word-Processor/angular/how-to/disable-auto-focus.md index bdec1a8e19..dc251df1ec 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/disable-auto-focus.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/disable-auto-focus.md @@ -3,14 +3,14 @@ layout: post title: How to Disable Auto Focus in Angular DOCX Editor | Syncfusion description: Disable the auto focus behavior in Syncfusion® Angular 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 Angular DOCX Editor -[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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/angular/how-to/disable-drag-and-drop.md b/Document-Processing/Word/Word-Processor/angular/how-to/disable-drag-and-drop.md index 054a5f207d..cee3e60c90 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/disable-drag-and-drop.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/disable-drag-and-drop.md @@ -3,7 +3,7 @@ layout: post title: How to Disable Drag and Drop in Angular DOCX Editor | Syncfusion description: Disable drag and drop functionality in Syncfusion® Angular 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## --- @@ -25,7 +25,7 @@ export class AppComponent{ N> The default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorSettings#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 @Component({ @@ -36,6 +36,6 @@ export class AppComponent{ } ``` -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/angular/documentation/api/document-editor/documenteditorsettings#allowDragAndDrop) property is `true`. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/disable-header-and-footer-edit-in-document-editor.md b/Document-Processing/Word/Word-Processor/angular/how-to/disable-header-and-footer-edit-in-document-editor.md index c070fb36e3..82360fd00e 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/disable-header-and-footer-edit-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/disable-header-and-footer-edit-in-document-editor.md @@ -3,7 +3,7 @@ layout: post title: Disable Header and Footer Editing in Angular DOCX Editor | Syncfusion description: Disable header and footer editing in Syncfusion® Angular DOCX Editor based on selection context to restrict modifications within document sections. platform: document-processing -control: Disable header and footer edit in Document Editor +control: Disable header and footer edit in DOCX Editor documentation: ug domainurl: ##DomainURL## --- @@ -72,7 +72,7 @@ export class AppComponent implements OnInit { } ``` -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. As an alternative to `restrictEditing`, you can disable clicking inside header or footer by using [`closeHeaderFooter`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/selection#closeheaderfooter) API in selection module. @@ -124,11 +124,11 @@ export class AppComponent implements OnInit { } } ``` -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/angular/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/angular/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. @@ -194,4 +194,5 @@ export class AppComponent { } ``` -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/angular/how-to/disable-optimized-text-measuring.md b/Document-Processing/Word/Word-Processor/angular/how-to/disable-optimized-text-measuring.md index 10937fb9f3..e8c12e406e 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/disable-optimized-text-measuring.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/disable-optimized-text-measuring.md @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # How to Disable Optimized Text Measuring in Angular DOCX Editor -Starting from v19.3.0.x, the accuracy of text size measurements in [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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/angular/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) in Document Editor settings. +Starting from v19.3.0.x, the accuracy of text size measurements in [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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/angular/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/angular/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) property of Angular 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/angular/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) property of Angular DOCX Editor component. ## Disable optimized text measuring in `DocumentEditorContainer` instance @@ -51,7 +51,7 @@ export class AppComponent { } ``` -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 @@ -73,4 +73,4 @@ export class AppComponent { } ``` -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/angular/how-to/enable-ruler-in-document-editor-component.md b/Document-Processing/Word/Word-Processor/angular/how-to/enable-ruler-in-document-editor-component.md index dc97651730..3d72dc4fd1 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/enable-ruler-in-document-editor-component.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/enable-ruler-in-document-editor-component.md @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # How to Enable Ruler in Angular DOCX Editor -The ruler helps you set specific margins, tab stops, or indentations within a document to ensure consistent formatting in [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor). +The ruler helps you set specific margins, tab stops, or indentations within a document to ensure consistent formatting in [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-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 ts tabtitle="app.component.ts" %} @@ -26,11 +26,11 @@ The following example illustrates how to enable ruler in Document Editor {% previewsample "/document-processing/samples/document-editor/angular/ruler-cs1" %} -## How to enable ruler in Angular Document Editor Container component +## How to enable ruler in Angular 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 ts tabtitle="app.component.ts" %} diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/export-document-as-pdf.md b/Document-Processing/Word/Word-Processor/angular/how-to/export-document-as-pdf.md index b7dd86282e..e51c4c9631 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/export-document-as-pdf.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/export-document-as-pdf.md @@ -12,7 +12,7 @@ domainurl: ##DomainURL## In this article, we are going to see how to export the document to PDF format. You can export the document as PDF in the following ways: -To quickly get started with exporting to PDF in the [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor), check out the video below. +To quickly get started with exporting to PDF in the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor), check out the video below. {% youtube "https://www.youtube.com/watch?v=JVRSc865Pa4" %} @@ -20,7 +20,7 @@ To quickly get started with exporting to PDF in the [Angular Document Editor](ht 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/angular/documentation/api/document-editor#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). @@ -115,7 +115,7 @@ export class AppComponent implements OnInit { } ``` -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 @@ -166,7 +166,7 @@ export class AppComponent implements OnInit { } ``` -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 the Save API on the 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/angular/how-to/get-current-word.md b/Document-Processing/Word/Word-Processor/angular/how-to/get-current-word.md index 1b76ede6b7..76e82db47d 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/get-current-word.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/get-current-word.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # How to Get Current Word in Angular DOCX Editor -You can get the current word or paragraph content from the [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) component as plain text and SFDT (rich text). +You can get the current word or paragraph content from the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) component as plain text and SFDT (rich text). ## Select and get the word in current cursor position -You can use [`selectCurrentWord`](https://ej2.syncfusion.com/angular/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/angular/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the selected content as plain text from Angular Document Editor component. +You can use [`selectCurrentWord`](https://ej2.syncfusion.com/angular/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/angular/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the selected content as plain text from Angular DOCX Editor component. The following example code illustrates how to select and get the current word as plain text. @@ -50,13 +50,13 @@ export class AppComponent implements OnInit { } ``` -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/angular/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/angular/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API or [`sfdt`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/selection#sfdt-code-classlanguage-textstringcode) API to get the selected content as plain text or SFDT from Angular Document Editor component. +You can use [`selectParagraph`](https://ej2.syncfusion.com/angular/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/angular/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API or [`sfdt`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/selection#sfdt-code-classlanguage-textstringcode) API to get the selected content as plain text or SFDT from Angular DOCX Editor component. The following example code illustrates how to select and get the current paragraph as SFDT. @@ -90,4 +90,4 @@ export class AppComponent implements OnInit { } ``` -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/angular/how-to/get-the-selected-content.md b/Document-Processing/Word/Word-Processor/angular/how-to/get-the-selected-content.md index 5a604110ea..ca43f19295 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/get-the-selected-content.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/get-the-selected-content.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # How to Get Selected Content in Angular DOCX Editor -You can get the selected content from the [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) component as plain text and SFDT (rich text). +You can get the selected content from the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) component as plain text and SFDT (rich text). ## Get the selected content as plain text -You can use [`text`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the selected content as plain text from Angular Document Editor component. +You can use [`text`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the selected content as plain text from Angular DOCX Editor component. The following example code illustrates how to add Search in Google option in context menu for the selected text. @@ -61,7 +61,7 @@ export class AppComponent implements OnInit { } ``` -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: @@ -71,7 +71,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/angular/documentation/api/document-editor/selection#sfdt-code-classlanguage-textstringcode) API to get the selected content as rich text from Angular Document Editor component. +You can use [`sfdt`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/selection#sfdt-code-classlanguage-textstringcode) API to get the selected content as rich text from Angular DOCX Editor component. The following example code illustrates how to get the content of a bookmark and export it as SFDT. @@ -108,7 +108,7 @@ export class AppComponent implements OnInit { } ``` -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/angular/how-to/hide-tool-bar-and-properties-pane.md b/Document-Processing/Word/Word-Processor/angular/how-to/hide-tool-bar-and-properties-pane.md index f130628ca9..f314885451 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/hide-tool-bar-and-properties-pane.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/hide-tool-bar-and-properties-pane.md @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # How to Hide Toolbar and Properties Pane in Angular 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/angular/documentation/api/document-editor-container/documentEditorContainerModel#showpropertiespane) API in [`DocumentEditorContainer`](https://ej2.syncfusion.com/angular/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/angular/documentation/api/document-editor-container/documentEditorContainerModel#showpropertiespane) API in [`DocumentEditorContainer`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/documentEditorContainerModel) to hide the properties pane. The following example code illustrates how to hide the properties pane. @@ -48,9 +48,9 @@ export class AppComponent implements OnInit { } ``` -> 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> 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 @@ -85,7 +85,7 @@ export class AppComponent implements OnInit { } ``` -> 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. ## See also diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/insert-page-number-and-navigate-to-page.md b/Document-Processing/Word/Word-Processor/angular/how-to/insert-page-number-and-navigate-to-page.md index 5cc496e504..dee2241d0b 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/insert-page-number-and-navigate-to-page.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/insert-page-number-and-navigate-to-page.md @@ -16,7 +16,7 @@ You can insert page number and navigate to specific page in [Angular DOCX Editor You can use [`insertPageNumber`](https://ej2.syncfusion.com/angular/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. @@ -47,7 +47,7 @@ export class AppComponent implements OnInit { } ``` -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/angular/documentation/api/document-editor/editor#insertfield) API in Editor module to insert the page number in the current position. @@ -88,7 +88,7 @@ export class AppComponent implements OnInit { } ``` -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 @@ -145,4 +145,5 @@ export class AppComponent implements OnInit { ``` -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/angular/how-to/insert-text-in-current-position.md b/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-in-current-position.md index 837b8f98ad..7c68161249 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-in-current-position.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-in-current-position.md @@ -54,7 +54,7 @@ export class AppComponent implements OnInit { } ``` -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. ## Insert paragraph in current cursor position @@ -127,7 +127,7 @@ export class AppComponent implements OnInit { } ``` -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/angular/how-to/insert-text-or-image-in-table-programmatically.md b/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-or-image-in-table-programmatically.md index 1035c4ecd4..fd8bc02fd0 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-or-image-in-table-programmatically.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-or-image-in-table-programmatically.md @@ -94,7 +94,7 @@ export class AppComponent implements OnInit { } ``` -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/angular/how-to/move-selection-to-specific-position.md b/Document-Processing/Word/Word-Processor/angular/how-to/move-selection-to-specific-position.md index 7b530504e6..ad3ebb5aec 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/move-selection-to-specific-position.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/move-selection-to-specific-position.md @@ -69,9 +69,9 @@ export class AppComponent implements OnInit { } ``` -> 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. -Document Editor has [`selectionChange`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#selectionchange) event which is triggered whenever the selection changes in the document. +DOCX Editor has [`selectionChange`](https://ej2.syncfusion.com/angular/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/angular/how-to/open-default-document.md b/Document-Processing/Word/Word-Processor/angular/how-to/open-default-document.md index 589f43942b..ab61dd9926 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/open-default-document.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/open-default-document.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Open a Default Document in Angular DOCX Editor -In this article, we are going to see how to open a default document when the [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) & Document Editor Container are initialized. +In this article, we are going to see how to open a default document when the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) & DOCX Editor Container are initialized. ## Opening a default document in DocumentEditor diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/open-document-by-address.md b/Document-Processing/Word/Word-Processor/angular/how-to/open-document-by-address.md index 6e4f3cf793..2969cf3b61 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/open-document-by-address.md +++ b/Document-Processing/Word/Word-Processor/angular/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 [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor). +In this article, we are going to see how to open a document from URL in [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor). Please refer to the example below for the client-side code. @@ -42,7 +42,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } @@ -52,7 +52,7 @@ export class AppComponent implements OnInit { } ``` -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/angular/how-to/optimize-sfdt.md b/Document-Processing/Word/Word-Processor/angular/how-to/optimize-sfdt.md index 4943441579..798fa30dc9 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/optimize-sfdt.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/optimize-sfdt.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Optimize SFDT Files in Angular DOCX Editor -Starting from version v21.1.x, the SFDT file generated in [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document 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 [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document 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/angular/how-to/override-the-keyboard-shortcuts.md b/Document-Processing/Word/Word-Processor/angular/how-to/override-the-keyboard-shortcuts.md index e815633c53..2ad9be9102 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/override-the-keyboard-shortcuts.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/override-the-keyboard-shortcuts.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # How to Override Keyboard Shortcuts in Angular DOCX Editor -[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) triggers the [`keyDown`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#keydown) event every time any key is entered and provides an instance of [`DocumentEditorKeyDownEventArgs`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorKeyDownEventArgs). You can use the [`isHandled`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorKeyDownEventArgs#ishandled) property to override the keyboard shortcut behavior. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) triggers the [`keyDown`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#keydown) event every time any key is entered and provides an instance of [`DocumentEditorKeyDownEventArgs`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorKeyDownEventArgs). You can use the [`isHandled`](https://ej2.syncfusion.com/angular/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. {% tabs %} {% highlight ts tabtitle="app.component.ts" %} diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/resize-document-editor.md b/Document-Processing/Word/Word-Processor/angular/how-to/resize-document-editor.md index e2728b47a4..e59f207d8b 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/resize-document-editor.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/resize-document-editor.md @@ -3,7 +3,7 @@ layout: post title: How to Resize in Angular DOCX Editor | Syncfusion description: Adjust the height and width of the Syncfusion® Angular DOCX Editor to create responsive layouts and customize the document editing experience. platform: document-processing -control: Resize Document Editor +control: Resize DOCX Editor documentation: ug domainurl: ##DomainURL## --- @@ -12,11 +12,11 @@ domainurl: ##DomainURL## In this article, we are going to see how to change the height and width of the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-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/angular/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/angular/documentation/api/document-editor-container/documentEditorContainerModel#height) property, the value which is in pixels. -The following example code illustrates how to change the height of Document Editor. +The following example code illustrates how to change the height of DOCX Editor. ```typescript @@ -38,15 +38,15 @@ ngOnInit(): void { ``` -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/angular/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/angular/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/angular/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. ```typescript @@ -68,15 +68,15 @@ ngOnInit(): void { ``` -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/angular/documentation/api/document-editor#width) property for DocumentEditor also. -## Resize Document Editor +## Resize DOCX Editor -Using the [`resize`](https://ej2.syncfusion.com/angular/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/angular/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. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -114,4 +114,4 @@ export class AppComponent implements OnInit { } ``` -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/angular/how-to/retrieve-the-bookmark-content-as-text.md b/Document-Processing/Word/Word-Processor/angular/how-to/retrieve-the-bookmark-content-as-text.md index bb6f1efe6d..babeb461a7 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/retrieve-the-bookmark-content-as-text.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/retrieve-the-bookmark-content-as-text.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # How to Retrieve Bookmark Content as Text in Angular DOCX Editor -You can get the bookmark or the whole document content from the [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) component as plain text and SFDT (rich text). +You can get the bookmark or the whole document content from the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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/angular/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the bookmark content as plain text from Angular 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/angular/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the bookmark content as plain text from Angular DOCX Editor component. The following example code illustrates how to get the bookmark content as plain text. @@ -61,13 +61,13 @@ export class AppComponent implements OnInit { } ``` -> 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. 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/angular/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the whole document content as plain text from Angular Document Editor component. +You can use [`text`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the whole document content as plain text from Angular DOCX Editor component. The following example code illustrates how to get the whole document content as plain text. @@ -109,11 +109,11 @@ export class AppComponent implements OnInit { } ``` -> 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. ## Get the whole document content as SFDT (rich text) -You can use [`serialize`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#serialize) API to get the whole document content as SFDT string from Angular Document Editor component. +You can use [`serialize`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#serialize) API to get the whole document content as SFDT string from Angular DOCX Editor component. The following example code illustrates how to get the whole document content as SFDT. @@ -153,7 +153,7 @@ export class AppComponent implements OnInit { } ``` -> 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. ## Get the header content as text @@ -201,6 +201,6 @@ export class AppComponent implements OnInit { } ``` -> 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. Similarly, you can use [`goToFooter`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/selection#gotofooter) API to navigate the selection to the footer and then use [`text`](https://ej2.syncfusion.com/angular/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/angular/how-to/set-default-format-in-document-editor.md b/Document-Processing/Word/Word-Processor/angular/how-to/set-default-format-in-document-editor.md index 8208413fba..52d03ae9bc 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/set-default-format-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/set-default-format-in-document-editor.md @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # How to Set Default Format in Angular DOCX Editor -You can set the default character format, paragraph format and section format in [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor). +You can set the default character format, paragraph format and section format in [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor). ## Set the default character format -You can use [`setDefaultCharacterFormat`](https://ej2.syncfusion.com/angular/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/angular/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. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -55,11 +55,11 @@ export class AppComponent implements OnInit { } ``` -> 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. -Similarly, you can change the required [`CharacterFormatProperties`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/characterFormatProperties) default values in the Document Editor. +Similarly, you can change the required [`CharacterFormatProperties`](https://ej2.syncfusion.com/angular/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. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -110,13 +110,13 @@ export class AppComponent implements OnInit { } ``` -> 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. ## Set the default paragraph format You can use [`setDefaultParagraphFormat`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#setdefaultparagraphformat) API to set the default paragraph format. You can change the required [`ParagraphFormatProperties`](https://ej2.syncfusion.com/angular/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. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -164,13 +164,13 @@ export class AppComponent implements OnInit { } ``` -> 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. ## Set the default section format You can use [`setDefaultSectionFormat`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#setdefaultsectionformat) API to set the default section format. You can change the required [`SectionFormatProperties`](https://ej2.syncfusion.com/angular/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. ```typescript import { Component, OnInit,ViewChild } from '@angular/core'; @@ -203,4 +203,4 @@ export class AppComponent implements OnInit { } ``` -> 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 +> 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/angular/how-to/show-hide-spinner.md b/Document-Processing/Word/Word-Processor/angular/how-to/show-hide-spinner.md index 3e6954301e..8f5f564956 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/show-hide-spinner.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/show-hide-spinner.md @@ -36,7 +36,7 @@ Refer to the following example. {% previewsample "/document-processing/samples/document-editor/angular/document-editor-container-cs5" %} -> 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/angular/image.md b/Document-Processing/Word/Word-Processor/angular/image.md index 7d21d1948e..86df5a4f40 100644 --- a/Document-Processing/Word/Word-Processor/angular/image.md +++ b/Document-Processing/Word/Word-Processor/angular/image.md @@ -26,17 +26,17 @@ domainurl: ##DomainURL## 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. ```typescript this.documentEditor.selection.imageFormat.width = 800; diff --git a/Document-Processing/Word/Word-Processor/angular/import.md b/Document-Processing/Word/Word-Processor/angular/import.md index 1f5087ccdc..bcde54fc62 100644 --- a/Document-Processing/Word/Word-Processor/angular/import.md +++ b/Document-Processing/Word/Word-Processor/angular/import.md @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # Import in Angular DOCX Editor -In [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), the documents are stored in Document Editor's own format called **Syncfusion Document Text (SFDT)**. +In [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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 ts tabtitle="app.component.ts" %} @@ -46,7 +46,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. @@ -90,7 +90,7 @@ export class AppComponent { 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 this.documentEditor.open(ajax.responseText); } } @@ -153,19 +153,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 [`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 [`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 slight difference in text size calculated using 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/angular/link.md b/Document-Processing/Word/Word-Processor/angular/link.md index fd08ad41f4..595eacef0f 100644 --- a/Document-Processing/Word/Word-Processor/angular/link.md +++ b/Document-Processing/Word/Word-Processor/angular/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 @@ -44,7 +44,7 @@ import { @Component({ selector: 'app-container', - // specifies the template string for the Document Editor container component + // specifies the template string for the DOCX Editor container component template: `
`, encapsulation: ViewEncapsulation.None, @@ -70,7 +70,7 @@ export class AppComponent { } ``` -> 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. @@ -80,7 +80,7 @@ this.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. ```typescript this.documentEditor.selection.copyHyperlink(); @@ -88,7 +88,7 @@ this.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. > ``
> ``
@@ -132,7 +132,7 @@ this.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 ts tabtitle="app.component.ts" %} @@ -154,7 +154,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 Angular Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/links-bookmarks). +Explore how to insert and manage hyperlinks in Word documents using the Angular DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/links-bookmarks). ## See also diff --git a/Document-Processing/Word/Word-Processor/angular/list-format.md b/Document-Processing/Word/Word-Processor/angular/list-format.md index b8d446cdc7..0f628d2716 100644 --- a/Document-Processing/Word/Word-Processor/angular/list-format.md +++ b/Document-Processing/Word/Word-Processor/angular/list-format.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # List Format in Angular DOCX Editor -[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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 @@ this.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 ts tabtitle="app.component.ts" %} @@ -72,13 +72,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 Angular Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/bullets-numbering). +Explore how to apply bullets and numbering in Word documents using the Angular DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/bullets-numbering). ## See Also diff --git a/Document-Processing/Word/Word-Processor/angular/notes.md b/Document-Processing/Word/Word-Processor/angular/notes.md index 97fa7d3c00..ce3d4e65d4 100644 --- a/Document-Processing/Word/Word-Processor/angular/notes.md +++ b/Document-Processing/Word/Word-Processor/angular/notes.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Footnotes and Endnotes in Angular DOCX Editor -[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) Container component provides support for inserting footnotes and endnotes through the built-in toolbar. Refer to the following screenshot. +[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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. ```typescript import { NgModule } from '@angular/core'; @@ -56,11 +56,11 @@ export class AppComponent { } ``` -> 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. ```typescript import { NgModule } from '@angular/core'; @@ -98,7 +98,7 @@ export class AppComponent { } ``` -> 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 @@ -108,4 +108,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 Angular Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/notes). +Explore how to add and manage notes in Word documents using the Angular DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/notes). + diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md index 99c0ba8041..4cfcb3b068 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # Open Documents from AWS S3 in Angular DOCX Editor -To load a document from AWS S3 in a [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below. +To load a document from AWS S3 in a [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below. -**Step 1:** Create a simple Document Editor sample in Angular +**Step 1:** Create a simple DOCX Editor sample in Angular -Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. 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 > 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/angular/documentation/api/document-editor#open) method. @@ -138,7 +138,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/azure-blob-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/azure-blob-storage.md index 4de21072f9..24365c162a 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/azure-blob-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/azure-blob-storage.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # Open Documents from Azure Blob Storage in Angular DOCX Editor -To load a document from Azure Blob Storage in a [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below. +To load a document from Azure Blob Storage in a [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below. -**Step 1:** Create a simple Document Editor sample in Angular +**Step 1:** Create a simple DOCX Editor sample in Angular -Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. 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/angular/documentation/api/document-editor#open) method. @@ -124,7 +124,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/box-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/box-cloud-file-storage.md index f30b07a017..1faf083884 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/box-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/box-cloud-file-storage.md @@ -10,15 +10,15 @@ domainurl: ##DomainURL## # Open Documents from Box Cloud File Storage in Angular DOCX Editor -To load a document from Box cloud file storage in a [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below. +To load a document from Box cloud file storage in a [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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 Angular +**Step 2:** Create a simple DOCX Editor sample in Angular -Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. 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 > 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/angular/documentation/api/document-editor#open) method. @@ -150,7 +150,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md index d05bf021a0..155ca6ae1c 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md @@ -16,9 +16,9 @@ To load a document from Dropbox cloud file storage in a [Angular DOCX Editor](ht 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 Angular +**Step 2:** Create a simple DOCX Editor sample in Angular -Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. 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/angular/documentation/api/document-editor#open) method. @@ -133,7 +133,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md index fde826eaa0..11c10ba42a 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md @@ -12,9 +12,9 @@ domainurl: ##DomainURL## To load a document from Google Cloud Storage in a [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below. -**Step 1:** Create a simple Document Editor sample in Angular +**Step 1:** Create a simple DOCX Editor sample in Angular -Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. 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 @@ public async Task LoadFromGoogleCloud([FromBody] Dictionary 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/angular/documentation/api/document-editor#open) method. @@ -139,7 +139,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md index a99a69a9c4..0d31926d25 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md @@ -16,9 +16,9 @@ To load a document from Google Drive in a [Angular DOCX Editor](https://www.sync 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 Angular +**Step 2:** Create a simple DOCX Editor sample in Angular -Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. 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 @@ public async Task LoadFromGoogleDrive([FromBody] Dictionary 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/angular/documentation/api/document-editor#open) method. @@ -164,7 +164,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md index 2c9f738814..415a24e91b 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md @@ -16,9 +16,9 @@ To load a document from OneDrive in a [Angular DOCX Editor](https://www.syncfusi 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 angular +**Step 2:** Create a simple DOCX Editor sample in angular -Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. 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 @@ public async Task LoadFromOneDrive([FromBody] Dictionary > 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 is returned from the web service is opened using the[`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#open) method. @@ -161,7 +161,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/overview.md b/Document-Processing/Word/Word-Processor/angular/overview.md index 8fc1dfb0b0..f13d87067c 100644 --- a/Document-Processing/Word/Word-Processor/angular/overview.md +++ b/Document-Processing/Word/Word-Processor/angular/overview.md @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # About Syncfusion Angular DOCX Editor Control -The [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) is a feature-rich, user-interactive component that enables creating, editing, viewing, and printing Word documents with advanced formatting, editing capabilities, and broad support for document import and export formats. +The [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) is a feature-rich, user-interactive component that enables creating, editing, viewing, and printing Word documents with advanced formatting, editing capabilities, and broad support for document import and export formats. -![Output of Angular Document Editor](./images/docx-editor.png) +![Output of Angular DOCX Editor](./images/docx-editor.png) ## Key Features @@ -38,7 +38,7 @@ The [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular ## 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/angular/paragraph-format.md b/Document-Processing/Word/Word-Processor/angular/paragraph-format.md index 38a1624caa..254e1dc4f9 100644 --- a/Document-Processing/Word/Word-Processor/angular/paragraph-format.md +++ b/Document-Processing/Word/Word-Processor/angular/paragraph-format.md @@ -117,7 +117,7 @@ this.documenteditor.selection.paragraphFormat.borders.bottom.lineWidth = 3; this.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 @@ this.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. @@ -163,7 +163,7 @@ The following sample demonstrates the paragraph formatting options using a toolb ## Online demo -Explore how to apply paragraph formatting in Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/paragraph-formatting). +Explore how to apply paragraph formatting in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/paragraph-formatting). ## See also diff --git a/Document-Processing/Word/Word-Processor/angular/print.md b/Document-Processing/Word/Word-Processor/angular/print.md index 7ee8e2112d..5d65ac0265 100644 --- a/Document-Processing/Word/Word-Processor/angular/print.md +++ b/Document-Processing/Word/Word-Processor/angular/print.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Print in Angular DOCX Editor -To print the document, use the [`print`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#print) method from the Document Editor instance. +To print the document, use the [`print`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#print) method from the DOCX Editor instance. Refer to the following example for showing a document and printing it. @@ -42,9 +42,9 @@ Refer to the following example for creating a document and printing it. ## Improve print quality -The Document Editor provides an option to improve the print quality using [`printDevicePixelRatio`](https://ej2.syncfusion.com/angular/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/angular/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. ```typescript import { Component, OnInit } from '@angular/core'; @@ -63,13 +63,13 @@ export class AppComponent implements OnInit { } ``` -> 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> 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. ```typescript import { NgModule } from '@angular/core'; @@ -88,7 +88,7 @@ import { standalone: true, selector: 'app-container', - //specifies the template string for the Document Editor component + //specifies the template string for the DOCX Editor component template: `
@@ -148,7 +148,7 @@ However, you can customize margins, paper, and layout options by modifying the s this.documentEditor.showPageSetupDialog(); ``` -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/angular/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/angular/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. @@ -166,4 +166,4 @@ The following example shows how to customize layout options only for printing. ## Online demo -Explore how to print Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/print). \ No newline at end of file +Explore how to print Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/print). diff --git a/Document-Processing/Word/Word-Processor/angular/restrict-editing.md b/Document-Processing/Word/Word-Processor/angular/restrict-editing.md index 694b0e9048..6472c73b23 100644 --- a/Document-Processing/Word/Word-Processor/angular/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/angular/restrict-editing.md @@ -14,13 +14,13 @@ domainurl: ##DomainURL## ## Configure on client side -The Document Editor provides options to protect and unprotect a document using the [enforceProtection](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#enforceprotection) and [stopProtection](https://ej2.syncfusion.com/angular/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/angular/documentation/api/document-editor/editor#enforceprotection) and [stopProtection](https://ej2.syncfusion.com/angular/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="app.component.ts" %} @@ -48,7 +48,7 @@ export class AppComponent { if ((this.container as DocumentEditorContainerComponent ).documentEditor.isDocumentLoaded) { let sfdt : any= {"sfdt":"UEsDBAoAAAAIAMBmyVzPkjTQFwcAAJcpAAAEAAAAc2ZkdO1aS28bNxD+K4vtVQj0ft3qV5zEdozYSREkPlArrpYW99El145iGCiSUy8FCqRFDw3QWw9F0QAN0KCX/hgDDtr0R3SGpKRdWVLkWJUcIDLgITl8zHxDfuRy98QOI8l89pTuuW1pN2Wc0JxNvJbddAkXNGcL6tjNRycoo9huntjRsd2sFoo5O/LsZq0BCe5DAmRspDSyZaTXtpulas52jWy7kd3MgwypTrSYFjCSvUOPd0mH2jmbBq7dhOYuSlDHrC+pkswN7GYBJNUy6gQCOvg8Ji3mQPvACblQGvrlsZK8JR3VVGseHZzCoMq7yEXXWu1YoJRg1gnouNQy7mjZMnlPiyMUWIyj1AE2kCXoXUgwyN6kpM2CjlUAUziaruo6aiBXPNVNXMjaq4SzVsygHpQjFlqDqbTOJSP5wKUjJZkCGI0p5xY7puQRRqF9RAOZxNT6Ioy7wlrtOZwK+xQgvyLaLgv0NEK4q320d8LYJ3wi1MWhn8WxuIxUmOZEzpIetVzmSCZZmAjLCf2IBD0rDKxjjzme0o+2FcSPOLXaRJIWEVRYBFSYaucsBjmLk7hDc5afcMkCAj0HhFs+CRKXONAPTiUz0A2E8QCAUfZ7Csurz+LpOBrQDjCAtrv4IekS3KRL8NONlhHPaOGenuIETi/AgiGmfebD4oBdwLoXwuxPEVRhQFAX67C2qpIvVjCNqVIJU0hOOq2pbEzvhtLGacYqwIkrQcSRv9Q2pqVrpCR6ExRKEC3MBsaFVNmQD/ZLsz13cdR++jgYpI+d/mY+jIErjEXS5Wh4HygoactjTapmg6Rmz/XAahuwEEa6vjYk0qLtSV+b5LraUqQoVSBkT7a0Tnq+jrNjBM6Ruy4wKG7zPjl0hVZwNQFRy4EAMQZyuLdYW6zjSShDZs4X8xv5EvzHv7JKlW3cWrAxJbPUcsTUWjA9XYTLvg2UC7XO37w5e/b67NkfZ8+fnz37bWDNJgkg3va7n7/99+VX1j+///TuxXe6GA8jb3/9+u2ff6Uro0fn3796+/rV+Q/f/P3LCyjFE8vYGbhJW/FYxb5HcB18HnQECQiqoHBdeli40yMcAVihyrAHMM/amL+ZHGJne16cSNy573g+5rfDkK+Eser2DtaE8ZKgo1vECWTvEXKEDVa1S+tJ5FGfYYVVj2IXuxzcgjNbQKWFRWGXYmAfMob2bDMnDkXoSushs1YIU4PvM1wdKd0mA8YgPaKdQyu2H1grIcfKa/RIFQDSilX2KUe7bpJEEl/1RnAW2ltEetjBXi/Gk+S6kOBWh/LQWm9TIVB1N+5hV3dgSmkft3nPVwWxZF0s2CJhCAVrYXfVgy1b9ccCWMP2LdEFrIi1G0rVMlT4ogAzSTDw7QGjcmzU7sMsyDiNBUmMSNNQxabHXUIDNSX8QJ1lmfJ4JekglFuUcnJM2pRa929hcRiFmQ5vexD0TYpW3CYKNBQBFdTap09wBm4xgdjt0U5oOtnu6XnQI4FP4n69na6CYR0Wnq+A404XJxdDZie65V3hk3SdXY8gIihEZAIRTAgEqA4nq+gkFUzUUSv2CacZEPYJcAXVmiSjwWAobaLUrgqgMR8J0mfBTFSUJo7KTCRUmYmEKjOQELDG+Y8vZySe91FOf34ZoulnDb2shnGbXY1d1kgS7FJYPp/IZa7k0o/UJ0q51pSibgfwOGjjnPlsw/xsdVLuDShmcF42h6urHC/x4Fg3B8cbhXIDf7VqoVIvlIvDg+SFp+SRO4F5XAQET4au9fkufSkyB2fVzUtRn4sLk579q9krj8FhzFUxKa7XyisViMnwQaM6CsCwSRqGVGkGjFT5mOL3AFOcHzDF/izI1xqFarVayddqxXyjXMs+TxQn4VaajttGpdyoZnArLRG30sJxK027a5qMW2GjVKuWMrgVl4hbeeG4lS/ixvrPqrPNN9ZKNVgSbpWF41aZztpTlueyMKouHKPqpTBKL8VFY7RGXZJwae2SmHRiEnnWRhhIDVihf112YXOAEzCJs5WuK1m3Jjt5gbsnu3XtuPQSbpXHuXVNqe4SblXGRmv5THQJF6qXdGFRRDGjCzSeD7EaqoS+zM0/8GwJtue2vsGVh4p3JV7iqrd2sHdX6xl1pa8+SF3xK7ozdmbNHgu7QjhvfjOisBGG8mNAwdiZNXtuKMCDd0o3LzTM21VHXHyBkPFtZPTRNVaboz3T35YUs29L3nNEqH3Y8VNTwCVXugnj8HVYGp/+NJh2gqp96BZyFXNnJNH6NQ1wfdJzWf5GZSpmJfWbY4jrs4S4Pvnw838aPGOQG9c0yI1pq3g50W7MEu3G9AW9tLAfIJ74ah6iwLV0fC1jk32iJfM7QgcXP786scXVPxoY/657pk8JTgY5/cXO48cJ7J8l84GMcx2NK/eNCxb7McunaH000Tr9D1BLAQIUAAoAAAAIAMBmyVzPkjTQFwcAAJcpAAAEAAAAAAAAAAAAAAAAAAAAAABzZmR0UEsFBgAAAAABAAEAMgAAADkHAAAAAA=="}; (this.container as DocumentEditorContainerComponent).serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; - //Open the default document in Document Editor + //Open the default document in DOCX Editor (this.container as DocumentEditorContainerComponent).documentEditor.open(sfdt); } } @@ -68,9 +68,9 @@ export class AppComponent { ### 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="app.component.ts" %} @@ -98,7 +98,7 @@ export class AppComponent { if ((this.container as DocumentEditorContainerComponent ).documentEditor.isDocumentLoaded) { let sfdt : any= { "sfdt": "UEsDBAoAAAAIAGlfyVyMVz+kgAMAAL0ZAAAEAAAAc2ZkdM1YW2+bMBT+K5H3GlUBEgi8Vd2iPexSbXmYVOXBgB2smsvAbdpGkab91P2S+QYJzaW0TQhRpM/BHJ/P5/t8gliCNGMkJk/oJw4Z8Fh+h/oARj7wMKQF6oMCBcC7WQrMcuAtQbYAnm2YfZBFwHNcPqAxH3DMNTKNvsYoBJ5l9wHWGOIMeAOOKVIDnyjgmcA3tLiGcwT6ACUYeDwcC+TTOSkRSSQ4AZ7BESnM5knBF7jMoU8CHp8EKS3kDPq9kEh9FshQNXMzW/GkcncZFlvzw7wQyDitJZ+jTGE+V+jr35GCewEcC5YI4mkeQ8rzUsFTTgRqVaKLya8QmW37OqOZWALGyOuBVX/XLZhJ6hFGpUxYFHQJRPIpemCGqJncJ+cHgOClkBG5KRkeU1X6ezUlKrpa7U7o36qQ9frVfRXjyfcfX6effk1rU4KpuXtNFfXvz9/N74ENGweoGTVqM3FnmzKeOuGLbrkMwxwVxdsNY57YMGZ3DWMKw8xEcWTJZ5XIVd8j1QgXTzzWEOXj0VeQEj8nvBR3crOF2rMPVbFVf+EhIrsKEqONMBisV8awNoV5q0MbVzjxdxmMkkR3TIVYI1Nk/UICVKB7JdUbSmnVmjXbW5G1HC+SarwISn+tHYwLzYhhqgYhW6jur1sw0l090sYqSoPFKn+mIIyYdiDGimCQxpmu/CPzNUtRByD+Pj5M5AfI4/Uoz0/tkOnF31fV5+c0eVinEP4TGT8jGJJk3jOOlfRFKcV/8qaWFwPHNWzbHg0cxxy4Q6currHd4pTT7brTe1/IPGJCGVlfczIaujZ4Zt71TXUL6+vqf3aj1W0WqHcVwRy8UMXyJnWM26H7EWF4R1nvGuZwnsMs6k3ShFXc9kzXOK6eb8RszQ6vc4O5zw1Wu24wm7jB3O8G61xuKLlZHRXY2iewebBixsRybOuIAltNBLb2C3w6ug0FHnZU4OG2wGT94NfeCR42EXi4S+BT020o8KijAo92nOAWdR010XW08+CeVU67o3Lar5Lz6H3YbiKn/Uo5W2i/TkfldN7Wfo+uq9NEV+et7bcFgccdFXi87wFqcDE6WDNLfo4o8biJxOP9j1CnJNxQZLejIruHTvF51HabqO0ePtBdkB3lx9F89+uq7ZcytYLK2mkWJalJmrLzk9IsxCtIKl8r88WowiBWmOufDwpJPC/ksv8BUEsBAhQACgAAAAgAaV/JXIxXP6SAAwAAvRkAAAQAAAAAAAAAAAAAAAAAAAAAAHNmZHRQSwUGAAAAAAEAAQAyAAAAogMAAAAA" }; (this.container as DocumentEditorContainerComponent).serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; - //Open the default document in Document Editor + //Open the default document in DOCX Editor (this.container as DocumentEditorContainerComponent).documentEditor.open(sfdt); } } @@ -118,9 +118,9 @@ export class AppComponent { ### 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="app.component.ts" %} @@ -148,7 +148,7 @@ export class AppComponent { if ((this.container as DocumentEditorContainerComponent ).documentEditor.isDocumentLoaded) { let sfdt : any= {"sfdt":"UEsDBAoAAAAIALBkyVwLdNuZlgcAANcqAAAEAAAAc2ZkdO1aT2/cNhb/KgJ7dYMZzYzmz6127LqJnRiJm6Lb+sCRyBFjSdSKlJ2pEaBIT70UWKC72MMW2NseFosWaIEt9rIfJkCC3fZD9D2S8vzxzGRcT2dcIBMjT+KjyPd+7/FHiuIFkbkWqfiMPeaRJj1dlGyL0LhPepwmim0RxULS++QCZV6Q3gXJz0kvqPtbJI9Jr92FiySFC5CFk9rJvpNxRHqNYItwJyOek14NpGT2oi+sgJ7IA3Z+RAeMbBGWcdKDxzlKUBeiksxIwTPSq4NkVuaDTEED7xW0L0J4PgtlooyG/fHcyKSvQ/Oo1Xxy8hw6Nd7lHF3rR4VCqcGsC9Al2spiYGXf3cdWnKHAYuylA7CBbEDrSoNBZJ/RSGQDrw6mJGi6qRuajrj6zD7C4Zbs0ET0CwH1oByxsBq8GtdxOnWfcTZVMlEAvQnj3Hr71EmOUYjOWKbLgnkfyeJUeTvDMGGKPAfIb4g2F5lNI4Q7qNB+IIuUJnOh9kd++jNxmaqwyIktT8fMI+iIaQG7CrXNKwEpTqK0y89k+yyI+ED0WdnvsKgc1V/UIxehFlrIUl1tv76C9r1QpjnNhp7MvPNYhLHxZdpPRdM8YV5ENe1TxZRHQYVX0ZYn4M5LaDFgW15aJlpkFOzNaOKlNCs5DaEdTHvX0R0M+QkE0VgWm7jffMQtjrkL8AkmG+Hr75JtwE22AT95vol45mv39Dkm8PjQqjsSPRYpDA6YsbxHErJ/jEzrl2R6tY6ITJWa38JrvGo08AqJ1F5b2p3RuqPfWZqZCnDiRhAlyLVmyrWSO6mpnbCVEdQKN9kmynKhTC7ndreUOMVeq+vz7PL6PKwWHqMYcOUs0jxBwyugoCTS53YCcJM5c+uDGKwmgIVykqfWkNyKKNapNYlzaylSlClQeqj7Vqfj1MY5dAJz5CEHXsYlSUqfcmUViUlA1CZAgBgDPZoHvQMxiDWUIefW/NperQH/47+muWoatsaHGV2mVqgW1oL05AgXuQeUC7Ve/fjjyxc/vHzx75dffPHyxbeX1uzTDOJNfvrHn37+5nPv/9///aev/2yLceH0+l9fvv7Pf8cro0ev/vLd6x++e/XXr/73z6+hFFdXMzNwn/WLmYrjmOI4eC8bKJpRVEHhro6x8MGQJgjANjOGPYE8i/D+/fIpNvY4LkqNq4z7cYr3h1Im27Iwzd7HmtBfmQ3sE0UJt48oPcMHdqxLu2Ues1RghZ2YYRNHCbgF68uMaQ+L5CnDwH4sBNpzKMJCKsm197HwtqkwnR8LHB1jun0BjEGH1DqHVhw+8bZlgpXvsjNTAEgbVjlmCdr1Pi01TU1rFLOQHFAdYwOPhwWueneVBrcGLJHebsSUQtXDYohN3YeUsj4eJsPUFBRanGLBAZUSCu7K050YpmzTnshgDJMP1ClgRb0jqc2T0uCLAsyk2aVvTwTTM6P2IWTBhNNYUBaINJMmNsOEU5aZlEgzs+4WxuPtcoBQHjCW0HMaMeZ9+AEWy1xONHgvhqDvM7TiHjWgociYYt4xe4YZeCAUYveYDaRr5HBo82BIs5QWVb0HpwaGXRh4qQEuCU8xuQQyO7VPPlQpHa9zFFNEBIXKXSCyOYEA1dP5KjZPBYk6bcUxTdgECMcUuIJZTTmhwWAYbWnU3ATQmY8EmYpsKSoaJ47WUiTUWoqEWkuQELDGq799syTxvIlyqvxyRFPdOnrZkUUkbsYud2mZHTEYPm/JZaXkUkXqLaXcakoxOxm4HCSYM+/suR8xK+XhJcVcrpfd4uomy0tcOHbcwvFOvdnFXzuotzr1pj9aSF55o5/av1jFpkX2bORaxXfjGzgrcNbsEvl2XVyft08RTG7PXC7GuImJv9tubrcgJqMXjWAagNEj4zCMlU6AMVY+o/gNwPirA8avsqDW7taDIGjV2m2/1m22J98n/Hm4NRbjttdqdoMJ3BobxK2xdtwai/bF5uNW32u0g8YEbv4GcWuuHbfmVdxE9a66XL6J/tgDG8KttXbcWotZe8Hw3BRGwdoxCq6F0fhQXDdGdxmnZaK9I1rQQUHz2NuTmbaA1avtsiuTA6yAaTFZ6baSdX++k1e4e75bt45Lr+FWc5Zbt5TqruFWa2a0Ns9E13AhuKYL6yKKJV1gxWqI1VEltOV2/oFnGzA9R3YHVz81vKtxE9d8YYS5O+hMqFuV+mRsi9/QnbNz0uyZsBuEa+63JAp7UurfAwrOzkmzV4YCvHiP6VaFhvsSHKqrHxAmfJvqfXqMtVdoz+KvJf7k15I3LBHav275aSngmiPdhXH0OWwcnyoNFq2g2r92CrmJuUuSaOeWBrgz772sdqe1ELOG+a0wxJ1lQtyZv/j5LQ1eMsjdWxrk7qJRvJlod5eJdnfxgN5Y2E8QT/w0D1FIrAxTe6BnwfEYqIxb5SWDmaBUZkLGA2/Er/nBuzX46x7X/V6j3au173Rq/h9IdTTMnhWyx2ceMQ5zYoSHdGRGi6HHZeGljGaAlzvoErnsCe3hAbhyJj6zUqQDZRMOj69dEHXzgwyzv78vdbxhdMTIOvjppyXM6Q3nS3gbjWtWxmXrPWDzNlq/m2g9/wVQSwECFAAKAAAACACwZMlcC3TbmZYHAADXKgAABAAAAAAAAAAAAAAAAAAAAAAAc2ZkdFBLBQYAAAAAAQABADIAAAC4BwAAAAA="}; (this.container as DocumentEditorContainerComponent).serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; - //Open the default document in Document Editor + //Open the default document in DOCX Editor (this.container as DocumentEditorContainerComponent).documentEditor.open(sfdt); } } @@ -168,9 +168,9 @@ export class AppComponent { ### 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="app.component.ts" %} @@ -198,7 +198,7 @@ export class AppComponent { if ((this.container as DocumentEditorContainerComponent ).documentEditor.isDocumentLoaded) { let sfdt : any= {"sfdt":"UEsDBAoAAAAIAMBmyVzPkjTQFwcAAJcpAAAEAAAAc2ZkdO1aS28bNxD+K4vtVQj0ft3qV5zEdozYSREkPlArrpYW99El145iGCiSUy8FCqRFDw3QWw9F0QAN0KCX/hgDDtr0R3SGpKRdWVLkWJUcIDLgITl8zHxDfuRy98QOI8l89pTuuW1pN2Wc0JxNvJbddAkXNGcL6tjNRycoo9huntjRsd2sFoo5O/LsZq0BCe5DAmRspDSyZaTXtpulas52jWy7kd3MgwypTrSYFjCSvUOPd0mH2jmbBq7dhOYuSlDHrC+pkswN7GYBJNUy6gQCOvg8Ji3mQPvACblQGvrlsZK8JR3VVGseHZzCoMq7yEXXWu1YoJRg1gnouNQy7mjZMnlPiyMUWIyj1AE2kCXoXUgwyN6kpM2CjlUAUziaruo6aiBXPNVNXMjaq4SzVsygHpQjFlqDqbTOJSP5wKUjJZkCGI0p5xY7puQRRqF9RAOZxNT6Ioy7wlrtOZwK+xQgvyLaLgv0NEK4q320d8LYJ3wi1MWhn8WxuIxUmOZEzpIetVzmSCZZmAjLCf2IBD0rDKxjjzme0o+2FcSPOLXaRJIWEVRYBFSYaucsBjmLk7hDc5afcMkCAj0HhFs+CRKXONAPTiUz0A2E8QCAUfZ7Csurz+LpOBrQDjCAtrv4IekS3KRL8NONlhHPaOGenuIETi/AgiGmfebD4oBdwLoXwuxPEVRhQFAX67C2qpIvVjCNqVIJU0hOOq2pbEzvhtLGacYqwIkrQcSRv9Q2pqVrpCR6ExRKEC3MBsaFVNmQD/ZLsz13cdR++jgYpI+d/mY+jIErjEXS5Wh4HygoactjTapmg6Rmz/XAahuwEEa6vjYk0qLtSV+b5LraUqQoVSBkT7a0Tnq+jrNjBM6Ruy4wKG7zPjl0hVZwNQFRy4EAMQZyuLdYW6zjSShDZs4X8xv5EvzHv7JKlW3cWrAxJbPUcsTUWjA9XYTLvg2UC7XO37w5e/b67NkfZ8+fnz37bWDNJgkg3va7n7/99+VX1j+///TuxXe6GA8jb3/9+u2ff6Uro0fn3796+/rV+Q/f/P3LCyjFE8vYGbhJW/FYxb5HcB18HnQECQiqoHBdeli40yMcAVihyrAHMM/amL+ZHGJne16cSNy573g+5rfDkK+Eser2DtaE8ZKgo1vECWTvEXKEDVa1S+tJ5FGfYYVVj2IXuxzcgjNbQKWFRWGXYmAfMob2bDMnDkXoSushs1YIU4PvM1wdKd0mA8YgPaKdQyu2H1grIcfKa/RIFQDSilX2KUe7bpJEEl/1RnAW2ltEetjBXi/Gk+S6kOBWh/LQWm9TIVB1N+5hV3dgSmkft3nPVwWxZF0s2CJhCAVrYXfVgy1b9ccCWMP2LdEFrIi1G0rVMlT4ogAzSTDw7QGjcmzU7sMsyDiNBUmMSNNQxabHXUIDNSX8QJ1lmfJ4JekglFuUcnJM2pRa929hcRiFmQ5vexD0TYpW3CYKNBQBFdTap09wBm4xgdjt0U5oOtnu6XnQI4FP4n69na6CYR0Wnq+A404XJxdDZie65V3hk3SdXY8gIihEZAIRTAgEqA4nq+gkFUzUUSv2CacZEPYJcAXVmiSjwWAobaLUrgqgMR8J0mfBTFSUJo7KTCRUmYmEKjOQELDG+Y8vZySe91FOf34ZoulnDb2shnGbXY1d1kgS7FJYPp/IZa7k0o/UJ0q51pSibgfwOGjjnPlsw/xsdVLuDShmcF42h6urHC/x4Fg3B8cbhXIDf7VqoVIvlIvDg+SFp+SRO4F5XAQET4au9fkufSkyB2fVzUtRn4sLk579q9krj8FhzFUxKa7XyisViMnwQaM6CsCwSRqGVGkGjFT5mOL3AFOcHzDF/izI1xqFarVayddqxXyjXMs+TxQn4VaajttGpdyoZnArLRG30sJxK027a5qMW2GjVKuWMrgVl4hbeeG4lS/ixvrPqrPNN9ZKNVgSbpWF41aZztpTlueyMKouHKPqpTBKL8VFY7RGXZJwae2SmHRiEnnWRhhIDVihf112YXOAEzCJs5WuK1m3Jjt5gbsnu3XtuPQSbpXHuXVNqe4SblXGRmv5THQJF6qXdGFRRDGjCzSeD7EaqoS+zM0/8GwJtue2vsGVh4p3JV7iqrd2sHdX6xl1pa8+SF3xK7ozdmbNHgu7QjhvfjOisBGG8mNAwdiZNXtuKMCDd0o3LzTM21VHXHyBkPFtZPTRNVaboz3T35YUs29L3nNEqH3Y8VNTwCVXugnj8HVYGp/+NJh2gqp96BZyFXNnJNH6NQ1wfdJzWf5GZSpmJfWbY4jrs4S4Pvnw838aPGOQG9c0yI1pq3g50W7MEu3G9AW9tLAfIJ74ah6iwLV0fC1jk32iJfM7QgcXP786scXVPxoY/657pk8JTgY5/cXO48cJ7J8l84GMcx2NK/eNCxb7McunaH000Tr9D1BLAQIUAAoAAAAIAMBmyVzPkjTQFwcAAJcpAAAEAAAAAAAAAAAAAAAAAAAAAABzZmR0UEsFBgAAAAABAAEAMgAAADkHAAAAAA=="}; (this.container as DocumentEditorContainerComponent).serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; - //Open the default document in Document Editor + //Open the default document in DOCX Editor (this.container as DocumentEditorContainerComponent).documentEditor.open(sfdt); } } @@ -218,7 +218,7 @@ export class AppComponent { ### Format restrictions -The Document Editor enforces document protection using the specified credentials. In the [enforceProtection](https://ej2.syncfusion.com/angular/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/angular/documentation/api/document-editor/editor#enforceprotection-1) method, the second parameter represents `limitToFormatting`, and the third parameter represents `isReadOnly`. {% tabs %} {% highlight ts tabtitle="app.component.ts" %} @@ -232,7 +232,7 @@ this.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: diff --git a/Document-Processing/Word/Word-Processor/angular/ribbon.md b/Document-Processing/Word/Word-Processor/angular/ribbon.md index b256991edf..aeb2e671e6 100644 --- a/Document-Processing/Word/Word-Processor/angular/ribbon.md +++ b/Document-Processing/Word/Word-Processor/angular/ribbon.md @@ -16,14 +16,14 @@ You can switch between the classic **Toolbar** and the new **Ribbon** UI, and yo ## Enable ribbon mode -To enable Ribbon in Angular Document Editor, use the [`toolbarMode`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container#toolbarmode) property of `DocumentEditorContainer`. The available toolbar modes are: +To enable Ribbon in Angular DOCX Editor, use the [`toolbarMode`](https://ej2.syncfusion.com/angular/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 the Document Editor component and its dependent component styles available in the **../node_modules/@syncfusion** package folder. This can be referenced in [src/styles.css] using the following code. +To use Ribbon mode, add the DOCX Editor component and its dependent component styles available in the **../node_modules/@syncfusion** package folder. This can be referenced in [src/styles.css] using the following code. ```css @import '../node_modules/@syncfusion/ej2-base/styles/material.css'; @@ -38,7 +38,7 @@ To use Ribbon mode, add the Document Editor component and its dependent componen @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. ```typescript /** @@ -72,14 +72,14 @@ export class AppComponent { ## 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: ```typescript /** diff --git a/Document-Processing/Word/Word-Processor/angular/right-to-left.md b/Document-Processing/Word/Word-Processor/angular/right-to-left.md index c0cc2db803..427c5a68bc 100644 --- a/Document-Processing/Word/Word-Processor/angular/right-to-left.md +++ b/Document-Processing/Word/Word-Processor/angular/right-to-left.md @@ -26,4 +26,4 @@ domainurl: ##DomainURL## ## Online demo -Explore how to enable right-to-left layout in Word documents using the Angular Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/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 Angular DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/right-to-left). diff --git a/Document-Processing/Word/Word-Processor/angular/saving-documents/aws-s3-bucket.md b/Document-Processing/Word/Word-Processor/angular/saving-documents/aws-s3-bucket.md index 1f91f47c81..4d55579cf5 100644 --- a/Document-Processing/Word/Word-Processor/angular/saving-documents/aws-s3-bucket.md +++ b/Document-Processing/Word/Word-Processor/angular/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 Angular Document Editor sample in Angular. +**Step 1:** Create a simple Angular DOCX Editor sample in Angular. -Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. 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/angular/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/angular/saving-documents/azure-blob-storage.md b/Document-Processing/Word/Word-Processor/angular/saving-documents/azure-blob-storage.md index 9f47965937..e66c3946dc 100644 --- a/Document-Processing/Word/Word-Processor/angular/saving-documents/azure-blob-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/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 Angular Document Editor sample in Angular. +**Step 1:** Create a Simple Angular DOCX Editor sample in Angular. -Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. 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/angular/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/angular/saving-documents/box-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/angular/saving-documents/box-cloud-file-storage.md index 09a0229689..1ab2511141 100644 --- a/Document-Processing/Word/Word-Processor/angular/saving-documents/box-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/saving-documents/box-cloud-file-storage.md @@ -16,9 +16,9 @@ To save a document to Box cloud file storage, you can follow the steps below. 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 Angular +**Step 2:** Create a Simple DOCX Editor sample in Angular -Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. This will give you a basic setup of the DOCX Editor component. **Step 3:** Modify the `DocumentEditorController.cs` File in the Web Service Project @@ -127,7 +127,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/angular/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/angular/saving-documents/dropbox-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/angular/saving-documents/dropbox-cloud-file-storage.md index 0d16ed525b..e013935dd1 100644 --- a/Document-Processing/Word/Word-Processor/angular/saving-documents/dropbox-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/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 Angular +**Step 2:** Create a Simple DOCX Editor sample in Angular -Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. 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_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, export the document to a blob using [`saveAsBlob`](https://ej2.syncfusion.com/angular/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/angular/saving-documents/google-cloud-storage.md b/Document-Processing/Word/Word-Processor/angular/saving-documents/google-cloud-storage.md index 9af262e7b1..de7f6b1dcc 100644 --- a/Document-Processing/Word/Word-Processor/angular/saving-documents/google-cloud-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/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 [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) sample in angular. +**Step 1:** Create a Simple [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) sample in angular. -Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. This will give you a basic setup of the DOCX Editor component. **Step 2:** Create the `DocumentEditorController.cs` File in the Web Service Project @@ -132,7 +132,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, export the document to a blob using [`saveAsBlob`](https://ej2.syncfusion.com/angular/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/angular/saving-documents/google-drive.md b/Document-Processing/Word/Word-Processor/angular/saving-documents/google-drive.md index 30e2afc389..a5104dc8b7 100644 --- a/Document-Processing/Word/Word-Processor/angular/saving-documents/google-drive.md +++ b/Document-Processing/Word/Word-Processor/angular/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 [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) sample in Angular. +**Step 2:** Create a Simple [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) sample in Angular. -Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. This will give you a basic setup of the DOCX Editor component. **Step 3:** Modify the `DocumentEditorController.cs` File in the Web Service Project @@ -151,7 +151,7 @@ N> 3. You must use a unique `Client_ID` from json file to interface your applica 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/angular/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/angular/saving-documents/one-drive.md b/Document-Processing/Word/Word-Processor/angular/saving-documents/one-drive.md index 4b7b1c0ac0..8b637f51a2 100644 --- a/Document-Processing/Word/Word-Processor/angular/saving-documents/one-drive.md +++ b/Document-Processing/Word/Word-Processor/angular/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 Angular Document Editor sample in Angular +**Step 2:** Create a Simple Angular DOCX Editor sample in Angular -Follow the instructions provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. 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 Angular. 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/angular/documentation/api/document-editor#saveasblob) and send it to the server side for saving in OneDrive. diff --git a/Document-Processing/Word/Word-Processor/angular/saving-documents/server-side-export.md b/Document-Processing/Word/Word-Processor/angular/saving-documents/server-side-export.md index 2cc2918f24..d76340ea33 100644 --- a/Document-Processing/Word/Word-Processor/angular/saving-documents/server-side-export.md +++ b/Document-Processing/Word/Word-Processor/angular/saving-documents/server-side-export.md @@ -12,7 +12,7 @@ domainurl: ##DomainURL## ## SFDT to DOCX export -Angular 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. +Angular DOCX 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/angular/scrolling-zooming.md b/Document-Processing/Word/Word-Processor/angular/scrolling-zooming.md index 8355f665d0..b0a216e2ec 100644 --- a/Document-Processing/Word/Word-Processor/angular/scrolling-zooming.md +++ b/Document-Processing/Word/Word-Processor/angular/scrolling-zooming.md @@ -50,7 +50,7 @@ this.documentEditor.zoomFactor = 3; ## 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. ```typescript this.documentEditor.fitPage('FitPageWidth'); @@ -206,7 +206,7 @@ export class AppComponent { }, ], }; - //Open the document in Document Editor. + //Open the document in DOCX Editor. (this.documentEditor as DocumentEditorComponent).open( JSON.stringify(sfdt) ); diff --git a/Document-Processing/Word/Word-Processor/angular/section-format.md b/Document-Processing/Word/Word-Processor/angular/section-format.md index fa50cd9a3e..d296475e89 100644 --- a/Document-Processing/Word/Word-Processor/angular/section-format.md +++ b/Document-Processing/Word/Word-Processor/angular/section-format.md @@ -36,7 +36,7 @@ this.documentEditor.selection.sectionFormat.bottomMargin = 10; this.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 @@ this.container.documentEditor.selection.sectionFormat.lineBetweenColumns = true; ### Online Demo -Explore how to format Word documents with multiple columns using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/multiple-columns). +Explore how to format Word documents with multiple columns using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/multiple-columns). ## Breaks @@ -100,7 +100,7 @@ this.container.documentEditor.editor.insertSectionBreak(SectionBreakType.Continu ## Online Demo -Explore how to apply section formatting in Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/section-formatting). +Explore how to apply section formatting in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/section-formatting). ## See Also diff --git a/Document-Processing/Word/Word-Processor/angular/security-advisories.md b/Document-Processing/Word/Word-Processor/angular/security-advisories.md index f6c223162c..7654c0cbfa 100644 --- a/Document-Processing/Word/Word-Processor/angular/security-advisories.md +++ b/Document-Processing/Word/Word-Processor/angular/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 Angular Document Editor control and are listed based on the release version. +The following security updates are available for Angular DOCX 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 Angular Document Editor Docker Image. +This release resolves critical and moderate security vulnerabilities affecting the Angular DOCX Editor Docker Image. **Threat:** diff --git a/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md b/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md index 6f37b5fe1d..4695e92b6d 100644 --- a/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md +++ b/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md @@ -49,8 +49,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`](../../angular/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`](../../angular/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/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-kubernetes-service.md b/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-kubernetes-service.md index 53e9955017..1c714dac39 100644 --- a/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-kubernetes-service.md +++ b/Document-Processing/Word/Word-Processor/angular/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,21 +95,21 @@ 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`](../../angular/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`](../../angular/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/angular/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md b/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md index c078c2d47b..be02815c87 100644 --- a/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md +++ b/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md @@ -3,7 +3,7 @@ layout: post title: How to Publish Angular DOCX Editor Web API to Azure App | Syncfusion description: Publish the Syncfusion® Angular DOCX Editor Web API to Azure App Service in Angular applications, including deployment and configuration steps. platform: document-processing -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 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`](../../angular/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`](../../angular/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/angular/server-deployment/word-processor-server-docker-image-overview.md b/Document-Processing/Word/Word-Processor/angular/server-deployment/word-processor-server-docker-image-overview.md index c92d257741..874fc9b4eb 100644 --- a/Document-Processing/Word/Word-Processor/angular/server-deployment/word-processor-server-docker-image-overview.md +++ b/Document-Processing/Word/Word-Processor/angular/server-deployment/word-processor-server-docker-image-overview.md @@ -140,7 +140,7 @@ You can copy the required template Word documents into docker container while de >Note: Place the word files in the data folder mentioned in the volumes section(i.e., 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 ‘docker-compose.yml’ file will be copied to the respective folder (/app/Data) of docker container. The Word documents copied to docker container can be processed using the 'LoadDocument' web API. -The following code example shows how to use LoadDocument() API in Document Editor. +The following code example shows how to use LoadDocument() API in DOCX Editor. ```typescript import { Component, ViewEncapsulation, ViewChild } from '@angular/core'; @@ -165,7 +165,7 @@ export class AppComponent { httpRequest.onreadystatechange = function () { if (httpRequest.readyState === 4) { if (httpRequest.status === 200 || httpRequest.status === 304) { - //Open the document in Document Editor. + //Open the document in DOCX Editor. dataContext.container.documentEditor.open(httpRequest.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/shapes.md b/Document-Processing/Word/Word-Processor/angular/shapes.md index a3b0b38b95..76e5a6390f 100644 --- a/Document-Processing/Word/Word-Processor/angular/shapes.md +++ b/Document-Processing/Word/Word-Processor/angular/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,8 @@ 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 Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/autoshapes). \ No newline at end of file +Explore how to preserve AutoShapes and grouped shapes in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/autoshapes). diff --git a/Document-Processing/Word/Word-Processor/angular/spell-check.md b/Document-Processing/Word/Word-Processor/angular/spell-check.md index 1bbe4bb102..afae3aab37 100644 --- a/Document-Processing/Word/Word-Processor/angular/spell-check.md +++ b/Document-Processing/Word/Word-Processor/angular/spell-check.md @@ -60,7 +60,7 @@ this.container.documentEditor.spellChecker.removeUnderline = false; ### AllowSpellCheckAndSuggestion -By default, on performing spell check in Document Editor, both spelling and suggestions of the mis-spelled words will be retrieved, and this mis-spelled words can be corrected through context menu suggestions. You can modify this behavior using the [`allowSpellCheckAndSuggestion`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/spellChecker#allowspellcheckandsuggestion) API, which will perform only spell check. +By default, on performing spell check in DOCX Editor, both spelling and suggestions of the mis-spelled words will be retrieved, and this mis-spelled words can be corrected through context menu suggestions. You can modify this behavior using the [`allowSpellCheckAndSuggestion`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/spellChecker#allowspellcheckandsuggestion) API, which will perform only spell check. ```typescript this.container.documentEditor.spellChecker.allowSpellCheckAndSuggestion = false; @@ -68,7 +68,7 @@ this.container.documentEditor.spellChecker.allowSpellCheckAndSuggestion = false; ### LanguageID -Document Editor provides multi-language spell check support. You can add as many languages (dictionaries) in the server-side and to use that language for spell checking in Document Editor, it must be matched with [`languageID`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/spellChecker#languageid) you pass in the Document Editor. +DOCX Editor provides multi-language spell check support. You can add as many languages (dictionaries) in the server-side and to use that language for spell checking in DOCX Editor, it must be matched with [`languageID`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/spellChecker#languageid) you pass in the DOCX Editor. ```typescript this.container.documentEditor.spellChecker.languageID = 1033; //LCID of "en-us"; @@ -76,7 +76,7 @@ this.container.documentEditor.spellChecker.languageID = 1033; //LCID of "en-us"; ### EnableOptimizedSpellCheck -Document Editor provides option to spellcheck page by page when loading the documents. The default value of this property is false, so when opening the document spellcheck web API will be called for each word in the document. To optimize the frequency of spellcheck web API calls, you can enable this property. +DOCX Editor provides option to spellcheck page by page when loading the documents. The default value of this property is false, so when opening the document spellcheck web API will be called for each word in the document. To optimize the frequency of spellcheck web API calls, you can enable this property. The following code example illustrates how to enable optimized spell checking. diff --git a/Document-Processing/Word/Word-Processor/angular/styles.md b/Document-Processing/Word/Word-Processor/angular/styles.md index b109beffc8..ac905ee5ac 100644 --- a/Document-Processing/Word/Word-Processor/angular/styles.md +++ b/Document-Processing/Word/Word-Processor/angular/styles.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # Styles in Angular 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 @@ -208,4 +208,4 @@ this.documentEditor.editor.createStyle(styleName, true); ## Online demo -Explore how to apply and modify styles in Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/styles). \ No newline at end of file +Explore how to apply and modify styles in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/styles). diff --git a/Document-Processing/Word/Word-Processor/angular/supported-fileformats.md b/Document-Processing/Word/Word-Processor/angular/supported-fileformats.md index 77e08aab2d..166f6e73d1 100644 --- a/Document-Processing/Word/Word-Processor/angular/supported-fileformats.md +++ b/Document-Processing/Word/Word-Processor/angular/supported-fileformats.md @@ -14,7 +14,7 @@ domainurl: ##DomainURL## ## 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/angular/table-format.md b/Document-Processing/Word/Word-Processor/angular/table-format.md index 9eb35a2d0a..a8138adbf0 100644 --- a/Document-Processing/Word/Word-Processor/angular/table-format.md +++ b/Document-Processing/Word/Word-Processor/angular/table-format.md @@ -98,7 +98,7 @@ this.documentEditor.selection.tableFormat.preferredWidth=300; ## 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. ```typescript import { BorderSettings } from '@syncfusion/ej2-documenteditor'; @@ -116,7 +116,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 @@ -145,7 +145,7 @@ this.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. ```typescript this.documentEditor.selection.tableFormat.title = 'Shipping Details'; @@ -153,7 +153,7 @@ this.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. ```typescript this.documentEditor.selection.tableFormat.description = 'Freight cost and shipping details'; @@ -161,7 +161,7 @@ this.documentEditor.selection.tableFormat.description = 'Freight cost and shippi ## Online demo -Explore how to format tables in Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/table-formatting). +Explore how to format tables in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/table-formatting). ## See also diff --git a/Document-Processing/Word/Word-Processor/angular/table-of-contents.md b/Document-Processing/Word/Word-Processor/angular/table-of-contents.md index ea22152ca7..d81bfb3532 100644 --- a/Document-Processing/Word/Word-Processor/angular/table-of-contents.md +++ b/Document-Processing/Word/Word-Processor/angular/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 -Angular Document Editor exposes an API to insert table of contents at cursor position programmatically. You can specify the settings for table of contents explicitly. Otherwise, the default settings will be applied. +Angular DOCX Editor exposes an API to insert table of contents at 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/angular/documentation/api/document-editor/tableOfContentsSettings) contain the following properties: * **startLevel**: Specifies the start level for constructing table of contents. @@ -71,7 +71,7 @@ N> Same method is used for inserting, updating, and editing table of contents. T ## Online demo -Explore how to insert and update table of contents in Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/table-of-contents). +Explore how to insert and update table of contents in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/table-of-contents). ## See also diff --git a/Document-Processing/Word/Word-Processor/angular/table.md b/Document-Processing/Word/Word-Processor/angular/table.md index 919bd10edd..c23e21c91f 100644 --- a/Document-Processing/Word/Word-Processor/angular/table.md +++ b/Document-Processing/Word/Word-Processor/angular/table.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Tables in Angular DOCX Editor -Tables are an efficient way to present information. [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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. [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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/angular/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/angular/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 @Component({ @@ -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/angular/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/angular/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 @@ this.documentEditor.selection.selectCell(); ## Delete table -Document Editor allows you to delete the entire table. You can use the [`deleteTable()`](https://ej2.syncfusion.com/angular/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/angular/documentation/api/document-editor/editor#deletetable) method of editor instance, if selection is in table. Refer to the following sample code. ```typescript this.documentEditor.editor.deleteTable(); @@ -152,7 +152,7 @@ this.documentEditor.editor.deleteTable(); ## Delete row -Document Editor allows you to delete the selected number of rows. You can use the [`deleteRow()`](https://ej2.syncfusion.com/angular/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/angular/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. ```typescript this.documentEditor.editor.deleteRow(); @@ -160,7 +160,7 @@ this.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/angular/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/angular/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. ```typescript this.documentEditor.editor.deleteColumn(); @@ -177,7 +177,7 @@ this.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/angular/text-format.md b/Document-Processing/Word/Word-Processor/angular/text-format.md index cace4bb83b..e4a638798e 100644 --- a/Document-Processing/Word/Word-Processor/angular/text-format.md +++ b/Document-Processing/Word/Word-Processor/angular/text-format.md @@ -145,7 +145,7 @@ documenteditor.selection.characterFormat.fontSize= 32; ### 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. @@ -229,7 +229,7 @@ import { classList, createElement } from '@syncfusion/ej2-base'; standalone: true, selector: 'app-container', - //specifies the template string for the Document Editor Container component + //specifies the template string for the DOCX Editor Container component template: `
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/angular/track-changes.md b/Document-Processing/Word/Word-Processor/angular/track-changes.md index 2d3f2018af..9d93db03fc 100644 --- a/Document-Processing/Word/Word-Processor/angular/track-changes.md +++ b/Document-Processing/Word/Word-Processor/angular/track-changes.md @@ -14,7 +14,7 @@ domainurl: ##DomainURL## ## Enable Track changes -Track changes can be enabled using the [enableTrackChanges](https://ej2.syncfusion.com/angular/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/angular/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. @@ -70,7 +70,7 @@ revisions.rejectAll(); ## Accept or reject a specific revision -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. ```typescript /** @@ -105,13 +105,13 @@ this.documentEditor.selection.navigatePreviousRevision(); ## 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. ![Track changes](images/tracked-changes.png) ## Custom metadata along with author -The Document Editor allows customizing revisions using [revisionSettings](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [customData](https://ej2.syncfusion.com/angular/documentation/api/document-editor/revisionsettings#customdata) property allows 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/angular/documentation/api/document-editor/revisionsettings#showcustomdatawithauthor) property must be enabled. +The DOCX Editor allows customizing revisions using [revisionSettings](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documenteditorsettingsmodel#revisionsettings). The [customData](https://ej2.syncfusion.com/angular/documentation/api/document-editor/revisionsettings#customdata) property allows 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/angular/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. @@ -151,15 +151,15 @@ The Track Changes pane will display the author name along with the custom metada ![Custom metadata along with author](images/track-changes-customData.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. ## Protect the document in track changes only mode -Document Editor provides support for protecting the document with `RevisionsOnly` protection. In this protection, all the users are allowed to view the document and do their corrections, but they cannot accept or reject any tracked changes in the document. Later, the author can view their corrections and accept or reject the changes. +DOCX Editor provides support for protecting the document with `RevisionsOnly` protection. In this protection, all the users are allowed to view the document and do their corrections, but they cannot accept or reject any tracked changes in the document. Later, the author can view their corrections and accept or reject the changes. -The Document Editor provides an option to protect and unprotect the document using the [enforceProtection](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#enforceprotection) and [stopProtection](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#stopprotection) APIs. +The DOCX Editor provides an option to protect and unprotect the document using the [enforceProtection](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#enforceprotection) and [stopProtection](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#stopprotection) APIs. -The following example illustrates how to enforce and stop protection in the Document Editor container. +The following example illustrates how to enforce and stop protection in the DOCX Editor container. ```typescript import { Component, ViewEncapsulation, ViewChild } from '@angular/core'; @@ -167,7 +167,7 @@ import { DocumentEditorContainerComponent, ToolbarService } from '@syncfusion/ej @Component({ selector: 'app-container', - // specifies the template string for the Document Editor component + // specifies the template string for the DOCX Editor component template: `
`, @@ -248,4 +248,4 @@ export class AppComponent implements OnInit { ## Online Demo -Explore how to track and review changes in Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/track-changes). \ No newline at end of file +Explore how to track and review changes in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/track-changes). diff --git a/Document-Processing/Word/Word-Processor/angular/troubleshooting/document-loading-issue-with-404-error.md b/Document-Processing/Word/Word-Processor/angular/troubleshooting/document-loading-issue-with-404-error.md index 195336d13c..dfac94de7a 100644 --- a/Document-Processing/Word/Word-Processor/angular/troubleshooting/document-loading-issue-with-404-error.md +++ b/Document-Processing/Word/Word-Processor/angular/troubleshooting/document-loading-issue-with-404-error.md @@ -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/angular/ui-builder-skill.md b/Document-Processing/Word/Word-Processor/angular/ui-builder-skill.md index 4128586d96..c0d7882c1d 100644 --- a/Document-Processing/Word/Word-Processor/angular/ui-builder-skill.md +++ b/Document-Processing/Word/Word-Processor/angular/ui-builder-skill.md @@ -2,22 +2,22 @@ layout: post title: UI Builder Skill with Angular DOCX Editor | Syncfusion description: Install Syncfusion Angular UI Builder to generate production-ready Angular components with DOCX Editor from natural-language prompts. -control: Document Editor +control: DOCX Editor platform: document-processing documentation: ug -keywords: Angular UI Builder, Skills, AI Assistants, Document Editor, Agent Skills +keywords: Angular UI Builder, Skills, AI Assistants, DOCX Editor, Agent Skills --- # UI Builder Skill with Angular DOCX Editor -**Syncfusion® Angular UI Builder Skill** is an AI-powered agent skill that accelerates Angular Document Editor development by transforming natural-language UI requirements into production-ready code using Syncfusion® Angular components. +**Syncfusion® Angular UI Builder Skill** is an AI-powered agent skill that accelerates Angular DOCX Editor development by transforming natural-language UI requirements into production-ready code using Syncfusion® Angular components. Integrated with your AI-powered IDE, it leverages deep knowledge of **[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor)** and other Angular components to deliver accurate and ready-to-use code. By combining intelligent code generation with best practices, accessibility standards, and design-system consistency, Angular UI Builder helps you rapidly build scalable Document editing applications and user interfaces without leaving your development workflow. ## Prerequisites -Before installing Angular UI Builder Skill with Document Editor, ensure the following: +Before installing Angular 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 Angular UI Builder Skill with Document Editor, ensure the foll ## Installation -Before installing Angular UI Builder Skill with Document Editor, ensure that APM (Agent Package Manager) is installed and available in your environment. +Before installing Angular 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® Angular UI Builder Skill with Document Editor package using APM +### Install the Syncfusion® Angular UI Builder Skill with DOCX Editor package using APM -Use the APM CLI to install the Angular UI Builder Skill with Document Editor for your preferred environment: +Use the APM CLI to install the Angular 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 Angular UI Builder. -## How the Syncfusion® Angular UI Builder Skill Works with Document Editor +## How the Syncfusion® Angular 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 Angular 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 Angular 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 Angular components with Document Editor integration, props interfaces, and CSS/styling scaffolding. +5. **Code Generation:** Produce TypeScript Angular 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 Angular UI Builder Skill with Document Editor and APM, the relevant agent and skill files are added to your project under: +After installing Angular 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/` (Angular 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 Angular application with Document Editor - 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 Angular application with DOCX Editor - 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 Angular 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 Angular 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/angular/unsupported-features.md b/Document-Processing/Word/Word-Processor/angular/unsupported-features.md index ccfc1dd1ff..1d155eec1d 100644 --- a/Document-Processing/Word/Word-Processor/angular/unsupported-features.md +++ b/Document-Processing/Word/Word-Processor/angular/unsupported-features.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Unsupported Features in Angular DOCX Editor -This section describes the unsupported elements in [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor). +This section describes the unsupported elements in [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor). ## Document formatting diff --git a/Document-Processing/Word/Word-Processor/angular/view.md b/Document-Processing/Word/Word-Processor/angular/view.md index 763d14a7aa..8f6896bb0f 100644 --- a/Document-Processing/Word/Word-Processor/angular/view.md +++ b/Document-Processing/Word/Word-Processor/angular/view.md @@ -35,19 +35,19 @@ export class AppComponent { } ``` -> 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 default value of [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#layouttype) in the Document Editor Container component is [`Pages`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/layoutType). +N> The default value of [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#layouttype) in the DOCX Editor Container component is [`Pages`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/layoutType). ### Online Demo -Explore how to view Word documents in web layout using the Angular Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/web-layout). +Explore how to view Word documents in web layout using the Angular DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/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 ts tabtitle="app.component.ts" %} @@ -63,13 +63,13 @@ The following example illustrates how to enable the ruler in the Document Editor ### Online Demo -Explore how to use the ruler in the Angular Document Editor for working with Word documents in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/ruler). +Explore how to use the ruler in the Angular DOCX Editor for working with Word documents in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/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. ```typescript import { Component, OnInit } from '@angular/core'; @@ -87,8 +87,9 @@ export class AppComponent implements OnInit { } ``` -> 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 Angular Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/heading-navigation). +Explore how to navigate through headings in Word documents using the Angular DOCX Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/heading-navigation). + diff --git a/Document-Processing/Word/Word-Processor/angular/web-services-overview.md b/Document-Processing/Word/Word-Processor/angular/web-services-overview.md index ae6984b0e3..ba22d3fbed 100644 --- a/Document-Processing/Word/Word-Processor/angular/web-services-overview.md +++ b/Document-Processing/Word/Word-Processor/angular/web-services-overview.md @@ -20,11 +20,11 @@ You can deploy web APIs for the server-side dependencies of the [Angular DOCX Ed |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 (Angular 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 (Angular 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/angular/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/angular/documentation/api/document-editor-container/documentEditorContainerModel#serveractionsettings). The following example code illustrates how to customize the method name using serverActionSettings. @@ -80,7 +80,7 @@ export class AppComponent { ## 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/angular/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/angular/header-footer). ```typescript @@ -104,7 +104,7 @@ export class AppComponent { ## 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/angular/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/angular/documentation/api/document-editor-container#beforexmlhttprequestsend) event, which gets triggered before a server request. You can customize the required [`XMLHttpRequest`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/xmlHttpRequestEventArgs) properties. diff --git a/Document-Processing/Word/Word-Processor/angular/web-services/core.md b/Document-Processing/Word/Word-Processor/angular/web-services/core.md index 5493551e8d..4e349c327a 100644 --- a/Document-Processing/Word/Word-Processor/angular/web-services/core.md +++ b/Document-Processing/Word/Word-Processor/angular/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). @@ -216,7 +216,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. @@ -243,7 +243,7 @@ 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. To know more about configure spell check, please check this [link](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices). @@ -283,11 +283,11 @@ In the `Startup.cs` file, you can configure the spell check files as shown below } ``` -Document Editor provides options to spell check word by word and spellcheck page by page when loading the documents. +DOCX Editor provides options to spell check word by word and spellcheck page by page when loading the documents. ### Spell check word by word -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/angular/web-services/java.md b/Document-Processing/Word/Word-Processor/angular/web-services/java.md index 69dc0efa1b..2e1e2a370e 100644 --- a/Document-Processing/Word/Word-Processor/angular/web-services/java.md +++ b/Document-Processing/Word/Word-Processor/angular/web-services/java.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Java Web Service in  Angular 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. @@ -323,7 +323,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. @@ -370,7 +370,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, please check this [link](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices). @@ -401,11 +401,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/angular/web-services/mvc.md b/Document-Processing/Word/Word-Processor/angular/web-services/mvc.md index 2f796c2499..33dab970d5 100644 --- a/Document-Processing/Word/Word-Processor/angular/web-services/mvc.md +++ b/Document-Processing/Word/Word-Processor/angular/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, please check this [link](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices). @@ -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 c34ca1439dd5adb0ee990a9e321efbc9a14a23a2 Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Thu, 27 Aug 2026 17:30:23 +0530 Subject: [PATCH 2/6] Modified DOCX Editor container to Document Editor container --- .../Word/Word-Processor/angular/global-local.md | 2 +- .../angular/how-to/add-save-button-in-toolbar.md | 4 ++-- .../Word-Processor/angular/how-to/customize-tool-bar.md | 2 +- .../Word/Word-Processor/angular/how-to/default-read-only.md | 2 +- .../how-to/deploy-document-editor-component-for-mobile.md | 2 +- .../how-to/enable-ruler-in-document-editor-component.md | 6 +++--- .../angular/how-to/hide-tool-bar-and-properties-pane.md | 6 +++--- .../Word-Processor/angular/how-to/open-default-document.md | 2 +- .../Word/Word-Processor/angular/text-format.md | 2 +- Document-Processing/Word/Word-Processor/angular/view.md | 2 +- 10 files changed, 15 insertions(+), 15 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/global-local.md b/Document-Processing/Word/Word-Processor/angular/global-local.md index 58b28dcf91..50e70b18d7 100644 --- a/Document-Processing/Word/Word-Processor/angular/global-local.md +++ b/Document-Processing/Word/Word-Processor/angular/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 DOCX Editor container. diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/add-save-button-in-toolbar.md b/Document-Processing/Word/Word-Processor/angular/how-to/add-save-button-in-toolbar.md index b9d39fa1c9..f222120db4 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/add-save-button-in-toolbar.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/add-save-button-in-toolbar.md @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # How to Add Save Button in Toolbar in Angular 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 -Angular DOCX Editor Container allows you to add a new button to the existing items in a toolbar using [`CustomToolbarItemModel`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/customToolbarItemModel) and with existing items in [`toolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container#toolbaritems) property. Newly added item click action can be defined in [`toolbarClick`](https://ej2.syncfusion.com/angular/documentation/api/toolbar/clickEventArgs). +Angular Document Editor Container allows you to add a new button to the existing items in a toolbar using [`CustomToolbarItemModel`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/customToolbarItemModel) and with existing items in [`toolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container#toolbaritems) property. Newly added item click action can be defined in [`toolbarClick`](https://ej2.syncfusion.com/angular/documentation/api/toolbar/clickEventArgs). ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/customize-tool-bar.md b/Document-Processing/Word/Word-Processor/angular/how-to/customize-tool-bar.md index 77ae2fc88a..7667e72e87 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/customize-tool-bar.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/customize-tool-bar.md @@ -12,7 +12,7 @@ domainurl: ##DomainURL## ## How to customize existing toolbar in DocumentEditorContainer -Angular DOCX Editor Container allows you to customize (add, show, hide, enable, and disable) existing items in a toolbar. +Angular 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/angular/documentation/api/document-editor/customToolbarItemModel) and with existing items in [`toolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container#toolbaritems) property. Newly added item click action can be defined in [`toolbarClick`](https://ej2.syncfusion.com/angular/documentation/api/toolbar/clickEventArgs). diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/default-read-only.md b/Document-Processing/Word/Word-Processor/angular/how-to/default-read-only.md index 12d347dec9..b429660eb3 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/default-read-only.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/default-read-only.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Open Angular 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 [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) & DOCX Editor Container. +In this article, we are going to see how to open a document in read-only mode by default in [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) & Document Editor Container. ## Opening a document in read-only mode by default in DocumentEditor diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/deploy-document-editor-component-for-mobile.md b/Document-Processing/Word/Word-Processor/angular/how-to/deploy-document-editor-component-for-mobile.md index 7b476d5f1d..6484e75572 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/deploy-document-editor-component-for-mobile.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/deploy-document-editor-component-for-mobile.md @@ -19,7 +19,7 @@ Hence, it is recommended to switch the DOCX Editor component to read-only in mob The following example code illustrates how to deploy the DOCX Editor component for mobile. ```typescript -//Initialize DOCX Editor Container component. +//Initialize Document Editor Container component. import { Component, ViewChild } from '@angular/core'; import { ToolbarService, DocumentEditorContainerComponent } from '@syncfusion/ej2-angular-documenteditor'; @Component({ diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/enable-ruler-in-document-editor-component.md b/Document-Processing/Word/Word-Processor/angular/how-to/enable-ruler-in-document-editor-component.md index 3d72dc4fd1..1b32a5f595 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/enable-ruler-in-document-editor-component.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/enable-ruler-in-document-editor-component.md @@ -26,11 +26,11 @@ The following example illustrates how to enable ruler in DOCX Editor {% previewsample "/document-processing/samples/document-editor/angular/ruler-cs1" %} -## How to enable ruler in Angular DOCX Editor Container component +## How to enable ruler in Angular 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 ts tabtitle="app.component.ts" %} diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/hide-tool-bar-and-properties-pane.md b/Document-Processing/Word/Word-Processor/angular/how-to/hide-tool-bar-and-properties-pane.md index f314885451..c039f5add0 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/hide-tool-bar-and-properties-pane.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/hide-tool-bar-and-properties-pane.md @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # How to Hide Toolbar and Properties Pane in Angular 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/angular/documentation/api/document-editor-container/documentEditorContainerModel#showpropertiespane) API in [`DocumentEditorContainer`](https://ej2.syncfusion.com/angular/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/angular/documentation/api/document-editor-container/documentEditorContainerModel#showpropertiespane) API in [`DocumentEditorContainer`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/documentEditorContainerModel) to hide the properties pane. The following example code illustrates how to hide the properties pane. @@ -50,7 +50,7 @@ export class AppComponent implements OnInit { > 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/angular/how-to/open-default-document.md b/Document-Processing/Word/Word-Processor/angular/how-to/open-default-document.md index ab61dd9926..26b86ab7ac 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/open-default-document.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/open-default-document.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Open a Default Document in Angular DOCX Editor -In this article, we are going to see how to open a default document when the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) & DOCX Editor Container are initialized. +In this article, we are going to see how to open a default document when the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) & Document Editor Container are initialized. ## Opening a default document in DocumentEditor diff --git a/Document-Processing/Word/Word-Processor/angular/text-format.md b/Document-Processing/Word/Word-Processor/angular/text-format.md index e4a638798e..e397d0317f 100644 --- a/Document-Processing/Word/Word-Processor/angular/text-format.md +++ b/Document-Processing/Word/Word-Processor/angular/text-format.md @@ -229,7 +229,7 @@ import { classList, createElement } from '@syncfusion/ej2-base'; standalone: true, selector: 'app-container', - //specifies the template string for the DOCX Editor Container component + //specifies the template string for the Document Editor Container component template: `
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 [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#layouttype) in the DOCX Editor Container component is [`Pages`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/layoutType). +N> The default value of [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#layouttype) in the Document Editor Container component is [`Pages`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/layoutType). ### Online Demo From a3476d7c8f6f18c723589a36ba5b9ef465f8948b Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Thu, 27 Aug 2026 17:50:40 +0530 Subject: [PATCH 3/6] Addressed the feedbacks --- Document-Processing/Word/Word-Processor/angular/comments.md | 2 +- Document-Processing/Word/Word-Processor/angular/form-fields.md | 2 +- Document-Processing/Word/Word-Processor/angular/global-local.md | 2 +- .../Word-Processor/angular/how-to/customize-color-picker.md | 2 +- .../Word-Processor/angular/how-to/customize-context-menu.md | 2 +- Document-Processing/Word/Word-Processor/angular/link.md | 2 +- Document-Processing/Word/Word-Processor/angular/print.md | 2 +- .../Word/Word-Processor/angular/track-changes.md | 2 +- 8 files changed, 8 insertions(+), 8 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/comments.md b/Document-Processing/Word/Word-Processor/angular/comments.md index f37478f096..085aac34aa 100644 --- a/Document-Processing/Word/Word-Processor/angular/comments.md +++ b/Document-Processing/Word/Word-Processor/angular/comments.md @@ -123,7 +123,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/angular/documentation/api/document-editor/editor#enforceprotection) and [`stopProtection`](https://ej2.syncfusion.com/angular/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. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; diff --git a/Document-Processing/Word/Word-Processor/angular/form-fields.md b/Document-Processing/Word/Word-Processor/angular/form-fields.md index ed7dc5c1f1..cfec2ff08c 100644 --- a/Document-Processing/Word/Word-Processor/angular/form-fields.md +++ b/Document-Processing/Word/Word-Processor/angular/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/angular/documentation/api/document-editor/editor#enforceprotection) and [`stopProtection`](https://ej2.syncfusion.com/angular/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. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; diff --git a/Document-Processing/Word/Word-Processor/angular/global-local.md b/Document-Processing/Word/Word-Processor/angular/global-local.md index 50e70b18d7..2bbcab68a5 100644 --- a/Document-Processing/Word/Word-Processor/angular/global-local.md +++ b/Document-Processing/Word/Word-Processor/angular/global-local.md @@ -365,7 +365,7 @@ View | View ## Document Editor Container -The following list of properties and its values are used in the DOCX Editor container. +The following list of properties and its values are used in the Document Editor container. Locale keywords |Text -----|----- diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/customize-color-picker.md b/Document-Processing/Word/Word-Processor/angular/how-to/customize-color-picker.md index a0ff52091f..a17bebdeff 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/customize-color-picker.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/customize-color-picker.md @@ -14,7 +14,7 @@ domainurl: ##DomainURL## Similarly, you can also use the [`documentEditorSettings`](https://ej2.syncfusion.com/angular/documentation/api/document-editor) 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. ```typescript diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/customize-context-menu.md b/Document-Processing/Word/Word-Processor/angular/how-to/customize-context-menu.md index f233f5d077..9b9bc81079 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/customize-context-menu.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/customize-context-menu.md @@ -220,7 +220,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/angular/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. ```typescript import { NgModule } from '@angular/core'; diff --git a/Document-Processing/Word/Word-Processor/angular/link.md b/Document-Processing/Word/Word-Processor/angular/link.md index 595eacef0f..b5969c852e 100644 --- a/Document-Processing/Word/Word-Processor/angular/link.md +++ b/Document-Processing/Word/Word-Processor/angular/link.md @@ -44,7 +44,7 @@ import { @Component({ selector: 'app-container', - // specifies the template string for the DOCX Editor container component + // specifies the template string for the Document Editor container component template: `
`, encapsulation: ViewEncapsulation.None, diff --git a/Document-Processing/Word/Word-Processor/angular/print.md b/Document-Processing/Word/Word-Processor/angular/print.md index 5d65ac0265..9935930644 100644 --- a/Document-Processing/Word/Word-Processor/angular/print.md +++ b/Document-Processing/Word/Word-Processor/angular/print.md @@ -44,7 +44,7 @@ Refer to the following example for creating a document and printing it. The DOCX Editor provides an option to improve the print quality using [`printDevicePixelRatio`](https://ej2.syncfusion.com/angular/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. ```typescript import { Component, OnInit } from '@angular/core'; diff --git a/Document-Processing/Word/Word-Processor/angular/track-changes.md b/Document-Processing/Word/Word-Processor/angular/track-changes.md index 9d93db03fc..8a3715a0c3 100644 --- a/Document-Processing/Word/Word-Processor/angular/track-changes.md +++ b/Document-Processing/Word/Word-Processor/angular/track-changes.md @@ -159,7 +159,7 @@ DOCX Editor provides support for protecting the document with `RevisionsOnly` pr The DOCX Editor provides an option to protect and unprotect the document using the [enforceProtection](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#enforceprotection) and [stopProtection](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#stopprotection) APIs. -The following example illustrates how to enforce and stop protection in the DOCX Editor container. +The following example illustrates how to enforce and stop protection in the Document Editor container. ```typescript import { Component, ViewEncapsulation, ViewChild } from '@angular/core'; From b32a333d69f73d1b47ad6ace578e3e03d8bb6868 Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Thu, 27 Aug 2026 18:05:29 +0530 Subject: [PATCH 4/6] Reverted the changes in the codes --- .../Word/Word-Processor/angular/clipboard.md | 2 +- .../using-redis-cache-asp-net-core.md | 2 +- .../using-redis-cache-java.md | 2 +- .../Word/Word-Processor/angular/comments.md | 4 ++-- .../Word/Word-Processor/angular/dialog.md | 14 +++++++------- .../Word/Word-Processor/angular/export.md | 2 +- .../Word-Processor/angular/find-and-replace.md | 2 +- .../angular/how-to/open-document-by-address.md | 2 +- .../Word/Word-Processor/angular/import.md | 2 +- .../angular/opening-documents/aws-s3-bucket.md | 2 +- .../opening-documents/azure-blob-storage.md | 2 +- .../opening-documents/box-cloud-file-storage.md | 2 +- .../dropbox-cloud-file-storage.md | 2 +- .../opening-documents/google-cloud-storage.md | 2 +- .../angular/opening-documents/google-drive.md | 2 +- .../angular/opening-documents/one-drive.md | 2 +- .../Word/Word-Processor/angular/print.md | 2 +- .../Word-Processor/angular/restrict-editing.md | 8 ++++---- .../Word-Processor/angular/scrolling-zooming.md | 2 +- .../word-processor-server-docker-image-overview.md | 2 +- .../Word/Word-Processor/angular/track-changes.md | 2 +- 21 files changed, 31 insertions(+), 31 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/clipboard.md b/Document-Processing/Word/Word-Processor/angular/clipboard.md index 76bdc8cc38..6ea939d087 100644 --- a/Document-Processing/Word/Word-Processor/angular/clipboard.md +++ b/Document-Processing/Word/Word-Processor/angular/clipboard.md @@ -67,7 +67,7 @@ import { standalone: true, selector: 'app-container', - //specifies the template string for the DOCX Editor component + //specifies the template string for the Document Editor component template: `
`, diff --git a/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-asp-net-core.md b/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-asp-net-core.md index 0091aaee59..a9b5f2c537 100644 --- a/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-asp-net-core.md +++ b/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-asp-net-core.md @@ -166,7 +166,7 @@ export class App { private serviceUrl: string = "http://localhost:5212/"; onCreated() { - // Enable collaborative editing in DOCX Editor. + // Enable collaborative editing in Document Editor. this.container.documentEditor.enableCollaborativeEditing = true; this.initializeSignalR(); this.loadDocumentFromServer(); diff --git a/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-java.md b/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-java.md index b249194154..691d569930 100644 --- a/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-java.md +++ b/Document-Processing/Word/Word-Processor/angular/collaborative-editing/using-redis-cache-java.md @@ -51,7 +51,7 @@ DocumentEditorComponent.Inject(CollaborativeEditingHandler); private collaborativeEditingHandler!: CollaborativeEditingHandler; onCreated() { - // Enable collaborative editing in DOCX Editor. + // Enable collaborative editing in Document Editor. this.container.documentEditor.enableCollaborativeEditing = true; } ``` diff --git a/Document-Processing/Word/Word-Processor/angular/comments.md b/Document-Processing/Word/Word-Processor/angular/comments.md index 085aac34aa..66ef4a4299 100644 --- a/Document-Processing/Word/Word-Processor/angular/comments.md +++ b/Document-Processing/Word/Word-Processor/angular/comments.md @@ -64,9 +64,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 = this.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 this.documentEditor.editor.insertReplyComment(comment.id, 'Hello world', commentProperties); ``` diff --git a/Document-Processing/Word/Word-Processor/angular/dialog.md b/Document-Processing/Word/Word-Processor/angular/dialog.md index 346cfcbf82..15cc268d27 100644 --- a/Document-Processing/Word/Word-Processor/angular/dialog.md +++ b/Document-Processing/Word/Word-Processor/angular/dialog.md @@ -133,7 +133,7 @@ import { standalone: true, selector: 'app-container', - //specifies the template string for the DOCX Editor component + //specifies the template string for the Document Editor component template: `
`, encapsulation: ViewEncapsulation.None, diff --git a/Document-Processing/Word/Word-Processor/angular/find-and-replace.md b/Document-Processing/Word/Word-Processor/angular/find-and-replace.md index 5f4fdc93a5..e7d787a97c 100644 --- a/Document-Processing/Word/Word-Processor/angular/find-and-replace.md +++ b/Document-Processing/Word/Word-Processor/angular/find-and-replace.md @@ -131,7 +131,7 @@ import { @Component({ selector: 'app-container', - //specifies the template string for the DOCX Editor component + //specifies the template string for the Document Editor component template: ` `, encapsulation: ViewEncapsulation.None, providers: [EditorService, SelectionService, SfdtExportService] diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/open-document-by-address.md b/Document-Processing/Word/Word-Processor/angular/how-to/open-document-by-address.md index 2969cf3b61..4a29666a37 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/open-document-by-address.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/open-document-by-address.md @@ -42,7 +42,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/import.md b/Document-Processing/Word/Word-Processor/angular/import.md index bcde54fc62..7d86f06a1e 100644 --- a/Document-Processing/Word/Word-Processor/angular/import.md +++ b/Document-Processing/Word/Word-Processor/angular/import.md @@ -90,7 +90,7 @@ export class AppComponent { 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 this.documentEditor.open(ajax.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md index 4cfcb3b068..46ee48ad02 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md @@ -138,7 +138,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/azure-blob-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/azure-blob-storage.md index 24365c162a..f3eb742d38 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/azure-blob-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/azure-blob-storage.md @@ -124,7 +124,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/box-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/box-cloud-file-storage.md index 1faf083884..f6737bfcb7 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/box-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/box-cloud-file-storage.md @@ -150,7 +150,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md index 155ca6ae1c..9d3eea4fd0 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md @@ -133,7 +133,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md index 11c10ba42a..8793e25678 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md @@ -139,7 +139,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md index 0d31926d25..059fa42613 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md @@ -164,7 +164,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md index 415a24e91b..8f9b69f471 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md @@ -161,7 +161,7 @@ export class AppComponent implements OnInit { 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 this.container.documentEditor.open(http.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/print.md b/Document-Processing/Word/Word-Processor/angular/print.md index 9935930644..5e0aa29ecd 100644 --- a/Document-Processing/Word/Word-Processor/angular/print.md +++ b/Document-Processing/Word/Word-Processor/angular/print.md @@ -88,7 +88,7 @@ import { standalone: true, selector: 'app-container', - //specifies the template string for the DOCX Editor component + //specifies the template string for the Document Editor component template: `
diff --git a/Document-Processing/Word/Word-Processor/angular/restrict-editing.md b/Document-Processing/Word/Word-Processor/angular/restrict-editing.md index 6472c73b23..faf3e5961a 100644 --- a/Document-Processing/Word/Word-Processor/angular/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/angular/restrict-editing.md @@ -48,7 +48,7 @@ export class AppComponent { if ((this.container as DocumentEditorContainerComponent ).documentEditor.isDocumentLoaded) { let sfdt : any= {"sfdt":"UEsDBAoAAAAIAMBmyVzPkjTQFwcAAJcpAAAEAAAAc2ZkdO1aS28bNxD+K4vtVQj0ft3qV5zEdozYSREkPlArrpYW99El145iGCiSUy8FCqRFDw3QWw9F0QAN0KCX/hgDDtr0R3SGpKRdWVLkWJUcIDLgITl8zHxDfuRy98QOI8l89pTuuW1pN2Wc0JxNvJbddAkXNGcL6tjNRycoo9huntjRsd2sFoo5O/LsZq0BCe5DAmRspDSyZaTXtpulas52jWy7kd3MgwypTrSYFjCSvUOPd0mH2jmbBq7dhOYuSlDHrC+pkswN7GYBJNUy6gQCOvg8Ji3mQPvACblQGvrlsZK8JR3VVGseHZzCoMq7yEXXWu1YoJRg1gnouNQy7mjZMnlPiyMUWIyj1AE2kCXoXUgwyN6kpM2CjlUAUziaruo6aiBXPNVNXMjaq4SzVsygHpQjFlqDqbTOJSP5wKUjJZkCGI0p5xY7puQRRqF9RAOZxNT6Ioy7wlrtOZwK+xQgvyLaLgv0NEK4q320d8LYJ3wi1MWhn8WxuIxUmOZEzpIetVzmSCZZmAjLCf2IBD0rDKxjjzme0o+2FcSPOLXaRJIWEVRYBFSYaucsBjmLk7hDc5afcMkCAj0HhFs+CRKXONAPTiUz0A2E8QCAUfZ7Csurz+LpOBrQDjCAtrv4IekS3KRL8NONlhHPaOGenuIETi/AgiGmfebD4oBdwLoXwuxPEVRhQFAX67C2qpIvVjCNqVIJU0hOOq2pbEzvhtLGacYqwIkrQcSRv9Q2pqVrpCR6ExRKEC3MBsaFVNmQD/ZLsz13cdR++jgYpI+d/mY+jIErjEXS5Wh4HygoactjTapmg6Rmz/XAahuwEEa6vjYk0qLtSV+b5LraUqQoVSBkT7a0Tnq+jrNjBM6Ruy4wKG7zPjl0hVZwNQFRy4EAMQZyuLdYW6zjSShDZs4X8xv5EvzHv7JKlW3cWrAxJbPUcsTUWjA9XYTLvg2UC7XO37w5e/b67NkfZ8+fnz37bWDNJgkg3va7n7/99+VX1j+///TuxXe6GA8jb3/9+u2ff6Uro0fn3796+/rV+Q/f/P3LCyjFE8vYGbhJW/FYxb5HcB18HnQECQiqoHBdeli40yMcAVihyrAHMM/amL+ZHGJne16cSNy573g+5rfDkK+Eser2DtaE8ZKgo1vECWTvEXKEDVa1S+tJ5FGfYYVVj2IXuxzcgjNbQKWFRWGXYmAfMob2bDMnDkXoSushs1YIU4PvM1wdKd0mA8YgPaKdQyu2H1grIcfKa/RIFQDSilX2KUe7bpJEEl/1RnAW2ltEetjBXi/Gk+S6kOBWh/LQWm9TIVB1N+5hV3dgSmkft3nPVwWxZF0s2CJhCAVrYXfVgy1b9ccCWMP2LdEFrIi1G0rVMlT4ogAzSTDw7QGjcmzU7sMsyDiNBUmMSNNQxabHXUIDNSX8QJ1lmfJ4JekglFuUcnJM2pRa929hcRiFmQ5vexD0TYpW3CYKNBQBFdTap09wBm4xgdjt0U5oOtnu6XnQI4FP4n69na6CYR0Wnq+A404XJxdDZie65V3hk3SdXY8gIihEZAIRTAgEqA4nq+gkFUzUUSv2CacZEPYJcAXVmiSjwWAobaLUrgqgMR8J0mfBTFSUJo7KTCRUmYmEKjOQELDG+Y8vZySe91FOf34ZoulnDb2shnGbXY1d1kgS7FJYPp/IZa7k0o/UJ0q51pSibgfwOGjjnPlsw/xsdVLuDShmcF42h6urHC/x4Fg3B8cbhXIDf7VqoVIvlIvDg+SFp+SRO4F5XAQET4au9fkufSkyB2fVzUtRn4sLk579q9krj8FhzFUxKa7XyisViMnwQaM6CsCwSRqGVGkGjFT5mOL3AFOcHzDF/izI1xqFarVayddqxXyjXMs+TxQn4VaajttGpdyoZnArLRG30sJxK027a5qMW2GjVKuWMrgVl4hbeeG4lS/ixvrPqrPNN9ZKNVgSbpWF41aZztpTlueyMKouHKPqpTBKL8VFY7RGXZJwae2SmHRiEnnWRhhIDVihf112YXOAEzCJs5WuK1m3Jjt5gbsnu3XtuPQSbpXHuXVNqe4SblXGRmv5THQJF6qXdGFRRDGjCzSeD7EaqoS+zM0/8GwJtue2vsGVh4p3JV7iqrd2sHdX6xl1pa8+SF3xK7ozdmbNHgu7QjhvfjOisBGG8mNAwdiZNXtuKMCDd0o3LzTM21VHXHyBkPFtZPTRNVaboz3T35YUs29L3nNEqH3Y8VNTwCVXugnj8HVYGp/+NJh2gqp96BZyFXNnJNH6NQ1wfdJzWf5GZSpmJfWbY4jrs4S4Pvnw838aPGOQG9c0yI1pq3g50W7MEu3G9AW9tLAfIJ74ah6iwLV0fC1jk32iJfM7QgcXP786scXVPxoY/657pk8JTgY5/cXO48cJ7J8l84GMcx2NK/eNCxb7McunaH000Tr9D1BLAQIUAAoAAAAIAMBmyVzPkjTQFwcAAJcpAAAEAAAAAAAAAAAAAAAAAAAAAABzZmR0UEsFBgAAAAABAAEAMgAAADkHAAAAAA=="}; (this.container as DocumentEditorContainerComponent).serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; - //Open the default document in DOCX Editor + //Open the default document in Document Editor (this.container as DocumentEditorContainerComponent).documentEditor.open(sfdt); } } @@ -98,7 +98,7 @@ export class AppComponent { if ((this.container as DocumentEditorContainerComponent ).documentEditor.isDocumentLoaded) { let sfdt : any= { "sfdt": "UEsDBAoAAAAIAGlfyVyMVz+kgAMAAL0ZAAAEAAAAc2ZkdM1YW2+bMBT+K5H3GlUBEgi8Vd2iPexSbXmYVOXBgB2smsvAbdpGkab91P2S+QYJzaW0TQhRpM/BHJ/P5/t8gliCNGMkJk/oJw4Z8Fh+h/oARj7wMKQF6oMCBcC7WQrMcuAtQbYAnm2YfZBFwHNcPqAxH3DMNTKNvsYoBJ5l9wHWGOIMeAOOKVIDnyjgmcA3tLiGcwT6ACUYeDwcC+TTOSkRSSQ4AZ7BESnM5knBF7jMoU8CHp8EKS3kDPq9kEh9FshQNXMzW/GkcncZFlvzw7wQyDitJZ+jTGE+V+jr35GCewEcC5YI4mkeQ8rzUsFTTgRqVaKLya8QmW37OqOZWALGyOuBVX/XLZhJ6hFGpUxYFHQJRPIpemCGqJncJ+cHgOClkBG5KRkeU1X6ezUlKrpa7U7o36qQ9frVfRXjyfcfX6effk1rU4KpuXtNFfXvz9/N74ENGweoGTVqM3FnmzKeOuGLbrkMwxwVxdsNY57YMGZ3DWMKw8xEcWTJZ5XIVd8j1QgXTzzWEOXj0VeQEj8nvBR3crOF2rMPVbFVf+EhIrsKEqONMBisV8awNoV5q0MbVzjxdxmMkkR3TIVYI1Nk/UICVKB7JdUbSmnVmjXbW5G1HC+SarwISn+tHYwLzYhhqgYhW6jur1sw0l090sYqSoPFKn+mIIyYdiDGimCQxpmu/CPzNUtRByD+Pj5M5AfI4/Uoz0/tkOnF31fV5+c0eVinEP4TGT8jGJJk3jOOlfRFKcV/8qaWFwPHNWzbHg0cxxy4Q6currHd4pTT7brTe1/IPGJCGVlfczIaujZ4Zt71TXUL6+vqf3aj1W0WqHcVwRy8UMXyJnWM26H7EWF4R1nvGuZwnsMs6k3ShFXc9kzXOK6eb8RszQ6vc4O5zw1Wu24wm7jB3O8G61xuKLlZHRXY2iewebBixsRybOuIAltNBLb2C3w6ug0FHnZU4OG2wGT94NfeCR42EXi4S+BT020o8KijAo92nOAWdR010XW08+CeVU67o3Lar5Lz6H3YbiKn/Uo5W2i/TkfldN7Wfo+uq9NEV+et7bcFgccdFXi87wFqcDE6WDNLfo4o8biJxOP9j1CnJNxQZLejIruHTvF51HabqO0ePtBdkB3lx9F89+uq7ZcytYLK2mkWJalJmrLzk9IsxCtIKl8r88WowiBWmOufDwpJPC/ksv8BUEsBAhQACgAAAAgAaV/JXIxXP6SAAwAAvRkAAAQAAAAAAAAAAAAAAAAAAAAAAHNmZHRQSwUGAAAAAAEAAQAyAAAAogMAAAAA" }; (this.container as DocumentEditorContainerComponent).serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; - //Open the default document in DOCX Editor + //Open the default document in Document Editor (this.container as DocumentEditorContainerComponent).documentEditor.open(sfdt); } } @@ -148,7 +148,7 @@ export class AppComponent { if ((this.container as DocumentEditorContainerComponent ).documentEditor.isDocumentLoaded) { let sfdt : any= {"sfdt":"UEsDBAoAAAAIALBkyVwLdNuZlgcAANcqAAAEAAAAc2ZkdO1aT2/cNhb/KgJ7dYMZzYzmz6127LqJnRiJm6Lb+sCRyBFjSdSKlJ2pEaBIT70UWKC72MMW2NseFosWaIEt9rIfJkCC3fZD9D2S8vzxzGRcT2dcIBMjT+KjyPd+7/FHiuIFkbkWqfiMPeaRJj1dlGyL0LhPepwmim0RxULS++QCZV6Q3gXJz0kvqPtbJI9Jr92FiySFC5CFk9rJvpNxRHqNYItwJyOek14NpGT2oi+sgJ7IA3Z+RAeMbBGWcdKDxzlKUBeiksxIwTPSq4NkVuaDTEED7xW0L0J4PgtlooyG/fHcyKSvQ/Oo1Xxy8hw6Nd7lHF3rR4VCqcGsC9Al2spiYGXf3cdWnKHAYuylA7CBbEDrSoNBZJ/RSGQDrw6mJGi6qRuajrj6zD7C4Zbs0ET0CwH1oByxsBq8GtdxOnWfcTZVMlEAvQnj3Hr71EmOUYjOWKbLgnkfyeJUeTvDMGGKPAfIb4g2F5lNI4Q7qNB+IIuUJnOh9kd++jNxmaqwyIktT8fMI+iIaQG7CrXNKwEpTqK0y89k+yyI+ED0WdnvsKgc1V/UIxehFlrIUl1tv76C9r1QpjnNhp7MvPNYhLHxZdpPRdM8YV5ENe1TxZRHQYVX0ZYn4M5LaDFgW15aJlpkFOzNaOKlNCs5DaEdTHvX0R0M+QkE0VgWm7jffMQtjrkL8AkmG+Hr75JtwE22AT95vol45mv39Dkm8PjQqjsSPRYpDA6YsbxHErJ/jEzrl2R6tY6ITJWa38JrvGo08AqJ1F5b2p3RuqPfWZqZCnDiRhAlyLVmyrWSO6mpnbCVEdQKN9kmynKhTC7ndreUOMVeq+vz7PL6PKwWHqMYcOUs0jxBwyugoCTS53YCcJM5c+uDGKwmgIVykqfWkNyKKNapNYlzaylSlClQeqj7Vqfj1MY5dAJz5CEHXsYlSUqfcmUViUlA1CZAgBgDPZoHvQMxiDWUIefW/NperQH/47+muWoatsaHGV2mVqgW1oL05AgXuQeUC7Ve/fjjyxc/vHzx75dffPHyxbeX1uzTDOJNfvrHn37+5nPv/9///aev/2yLceH0+l9fvv7Pf8cro0ev/vLd6x++e/XXr/73z6+hFFdXMzNwn/WLmYrjmOI4eC8bKJpRVEHhro6x8MGQJgjANjOGPYE8i/D+/fIpNvY4LkqNq4z7cYr3h1Im27Iwzd7HmtBfmQ3sE0UJt48oPcMHdqxLu2Ues1RghZ2YYRNHCbgF68uMaQ+L5CnDwH4sBNpzKMJCKsm197HwtqkwnR8LHB1jun0BjEGH1DqHVhw+8bZlgpXvsjNTAEgbVjlmCdr1Pi01TU1rFLOQHFAdYwOPhwWueneVBrcGLJHebsSUQtXDYohN3YeUsj4eJsPUFBRanGLBAZUSCu7K050YpmzTnshgDJMP1ClgRb0jqc2T0uCLAsyk2aVvTwTTM6P2IWTBhNNYUBaINJMmNsOEU5aZlEgzs+4WxuPtcoBQHjCW0HMaMeZ9+AEWy1xONHgvhqDvM7TiHjWgociYYt4xe4YZeCAUYveYDaRr5HBo82BIs5QWVb0HpwaGXRh4qQEuCU8xuQQyO7VPPlQpHa9zFFNEBIXKXSCyOYEA1dP5KjZPBYk6bcUxTdgECMcUuIJZTTmhwWAYbWnU3ATQmY8EmYpsKSoaJ47WUiTUWoqEWkuQELDGq799syTxvIlyqvxyRFPdOnrZkUUkbsYud2mZHTEYPm/JZaXkUkXqLaXcakoxOxm4HCSYM+/suR8xK+XhJcVcrpfd4uomy0tcOHbcwvFOvdnFXzuotzr1pj9aSF55o5/av1jFpkX2bORaxXfjGzgrcNbsEvl2XVyft08RTG7PXC7GuImJv9tubrcgJqMXjWAagNEj4zCMlU6AMVY+o/gNwPirA8avsqDW7taDIGjV2m2/1m22J98n/Hm4NRbjttdqdoMJ3BobxK2xdtwai/bF5uNW32u0g8YEbv4GcWuuHbfmVdxE9a66XL6J/tgDG8KttXbcWotZe8Hw3BRGwdoxCq6F0fhQXDdGdxmnZaK9I1rQQUHz2NuTmbaA1avtsiuTA6yAaTFZ6baSdX++k1e4e75bt45Lr+FWc5Zbt5TqruFWa2a0Ns9E13AhuKYL6yKKJV1gxWqI1VEltOV2/oFnGzA9R3YHVz81vKtxE9d8YYS5O+hMqFuV+mRsi9/QnbNz0uyZsBuEa+63JAp7UurfAwrOzkmzV4YCvHiP6VaFhvsSHKqrHxAmfJvqfXqMtVdoz+KvJf7k15I3LBHav275aSngmiPdhXH0OWwcnyoNFq2g2r92CrmJuUuSaOeWBrgz772sdqe1ELOG+a0wxJ1lQtyZv/j5LQ1eMsjdWxrk7qJRvJlod5eJdnfxgN5Y2E8QT/w0D1FIrAxTe6BnwfEYqIxb5SWDmaBUZkLGA2/Er/nBuzX46x7X/V6j3au173Rq/h9IdTTMnhWyx2ceMQ5zYoSHdGRGi6HHZeGljGaAlzvoErnsCe3hAbhyJj6zUqQDZRMOj69dEHXzgwyzv78vdbxhdMTIOvjppyXM6Q3nS3gbjWtWxmXrPWDzNlq/m2g9/wVQSwECFAAKAAAACACwZMlcC3TbmZYHAADXKgAABAAAAAAAAAAAAAAAAAAAAAAAc2ZkdFBLBQYAAAAAAQABADIAAAC4BwAAAAA="}; (this.container as DocumentEditorContainerComponent).serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; - //Open the default document in DOCX Editor + //Open the default document in Document Editor (this.container as DocumentEditorContainerComponent).documentEditor.open(sfdt); } } @@ -198,7 +198,7 @@ export class AppComponent { if ((this.container as DocumentEditorContainerComponent ).documentEditor.isDocumentLoaded) { let sfdt : any= {"sfdt":"UEsDBAoAAAAIAMBmyVzPkjTQFwcAAJcpAAAEAAAAc2ZkdO1aS28bNxD+K4vtVQj0ft3qV5zEdozYSREkPlArrpYW99El145iGCiSUy8FCqRFDw3QWw9F0QAN0KCX/hgDDtr0R3SGpKRdWVLkWJUcIDLgITl8zHxDfuRy98QOI8l89pTuuW1pN2Wc0JxNvJbddAkXNGcL6tjNRycoo9huntjRsd2sFoo5O/LsZq0BCe5DAmRspDSyZaTXtpulas52jWy7kd3MgwypTrSYFjCSvUOPd0mH2jmbBq7dhOYuSlDHrC+pkswN7GYBJNUy6gQCOvg8Ji3mQPvACblQGvrlsZK8JR3VVGseHZzCoMq7yEXXWu1YoJRg1gnouNQy7mjZMnlPiyMUWIyj1AE2kCXoXUgwyN6kpM2CjlUAUziaruo6aiBXPNVNXMjaq4SzVsygHpQjFlqDqbTOJSP5wKUjJZkCGI0p5xY7puQRRqF9RAOZxNT6Ioy7wlrtOZwK+xQgvyLaLgv0NEK4q320d8LYJ3wi1MWhn8WxuIxUmOZEzpIetVzmSCZZmAjLCf2IBD0rDKxjjzme0o+2FcSPOLXaRJIWEVRYBFSYaucsBjmLk7hDc5afcMkCAj0HhFs+CRKXONAPTiUz0A2E8QCAUfZ7Csurz+LpOBrQDjCAtrv4IekS3KRL8NONlhHPaOGenuIETi/AgiGmfebD4oBdwLoXwuxPEVRhQFAX67C2qpIvVjCNqVIJU0hOOq2pbEzvhtLGacYqwIkrQcSRv9Q2pqVrpCR6ExRKEC3MBsaFVNmQD/ZLsz13cdR++jgYpI+d/mY+jIErjEXS5Wh4HygoactjTapmg6Rmz/XAahuwEEa6vjYk0qLtSV+b5LraUqQoVSBkT7a0Tnq+jrNjBM6Ruy4wKG7zPjl0hVZwNQFRy4EAMQZyuLdYW6zjSShDZs4X8xv5EvzHv7JKlW3cWrAxJbPUcsTUWjA9XYTLvg2UC7XO37w5e/b67NkfZ8+fnz37bWDNJgkg3va7n7/99+VX1j+///TuxXe6GA8jb3/9+u2ff6Uro0fn3796+/rV+Q/f/P3LCyjFE8vYGbhJW/FYxb5HcB18HnQECQiqoHBdeli40yMcAVihyrAHMM/amL+ZHGJne16cSNy573g+5rfDkK+Eser2DtaE8ZKgo1vECWTvEXKEDVa1S+tJ5FGfYYVVj2IXuxzcgjNbQKWFRWGXYmAfMob2bDMnDkXoSushs1YIU4PvM1wdKd0mA8YgPaKdQyu2H1grIcfKa/RIFQDSilX2KUe7bpJEEl/1RnAW2ltEetjBXi/Gk+S6kOBWh/LQWm9TIVB1N+5hV3dgSmkft3nPVwWxZF0s2CJhCAVrYXfVgy1b9ccCWMP2LdEFrIi1G0rVMlT4ogAzSTDw7QGjcmzU7sMsyDiNBUmMSNNQxabHXUIDNSX8QJ1lmfJ4JekglFuUcnJM2pRa929hcRiFmQ5vexD0TYpW3CYKNBQBFdTap09wBm4xgdjt0U5oOtnu6XnQI4FP4n69na6CYR0Wnq+A404XJxdDZie65V3hk3SdXY8gIihEZAIRTAgEqA4nq+gkFUzUUSv2CacZEPYJcAXVmiSjwWAobaLUrgqgMR8J0mfBTFSUJo7KTCRUmYmEKjOQELDG+Y8vZySe91FOf34ZoulnDb2shnGbXY1d1kgS7FJYPp/IZa7k0o/UJ0q51pSibgfwOGjjnPlsw/xsdVLuDShmcF42h6urHC/x4Fg3B8cbhXIDf7VqoVIvlIvDg+SFp+SRO4F5XAQET4au9fkufSkyB2fVzUtRn4sLk579q9krj8FhzFUxKa7XyisViMnwQaM6CsCwSRqGVGkGjFT5mOL3AFOcHzDF/izI1xqFarVayddqxXyjXMs+TxQn4VaajttGpdyoZnArLRG30sJxK027a5qMW2GjVKuWMrgVl4hbeeG4lS/ixvrPqrPNN9ZKNVgSbpWF41aZztpTlueyMKouHKPqpTBKL8VFY7RGXZJwae2SmHRiEnnWRhhIDVihf112YXOAEzCJs5WuK1m3Jjt5gbsnu3XtuPQSbpXHuXVNqe4SblXGRmv5THQJF6qXdGFRRDGjCzSeD7EaqoS+zM0/8GwJtue2vsGVh4p3JV7iqrd2sHdX6xl1pa8+SF3xK7ozdmbNHgu7QjhvfjOisBGG8mNAwdiZNXtuKMCDd0o3LzTM21VHXHyBkPFtZPTRNVaboz3T35YUs29L3nNEqH3Y8VNTwCVXugnj8HVYGp/+NJh2gqp96BZyFXNnJNH6NQ1wfdJzWf5GZSpmJfWbY4jrs4S4Pvnw838aPGOQG9c0yI1pq3g50W7MEu3G9AW9tLAfIJ74ah6iwLV0fC1jk32iJfM7QgcXP786scXVPxoY/657pk8JTgY5/cXO48cJ7J8l84GMcx2NK/eNCxb7McunaH000Tr9D1BLAQIUAAoAAAAIAMBmyVzPkjTQFwcAAJcpAAAEAAAAAAAAAAAAAAAAAAAAAABzZmR0UEsFBgAAAAABAAEAMgAAADkHAAAAAA=="}; (this.container as DocumentEditorContainerComponent).serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; - //Open the default document in DOCX Editor + //Open the default document in Document Editor (this.container as DocumentEditorContainerComponent).documentEditor.open(sfdt); } } diff --git a/Document-Processing/Word/Word-Processor/angular/scrolling-zooming.md b/Document-Processing/Word/Word-Processor/angular/scrolling-zooming.md index b0a216e2ec..cc2337cca8 100644 --- a/Document-Processing/Word/Word-Processor/angular/scrolling-zooming.md +++ b/Document-Processing/Word/Word-Processor/angular/scrolling-zooming.md @@ -206,7 +206,7 @@ export class AppComponent { }, ], }; - //Open the document in DOCX Editor. + //Open the document in Document Editor. (this.documentEditor as DocumentEditorComponent).open( JSON.stringify(sfdt) ); diff --git a/Document-Processing/Word/Word-Processor/angular/server-deployment/word-processor-server-docker-image-overview.md b/Document-Processing/Word/Word-Processor/angular/server-deployment/word-processor-server-docker-image-overview.md index 874fc9b4eb..712d0652dc 100644 --- a/Document-Processing/Word/Word-Processor/angular/server-deployment/word-processor-server-docker-image-overview.md +++ b/Document-Processing/Word/Word-Processor/angular/server-deployment/word-processor-server-docker-image-overview.md @@ -165,7 +165,7 @@ export class AppComponent { httpRequest.onreadystatechange = function () { if (httpRequest.readyState === 4) { if (httpRequest.status === 200 || httpRequest.status === 304) { - //Open the document in DOCX Editor. + //Open the document in Document Editor. dataContext.container.documentEditor.open(httpRequest.responseText); } } diff --git a/Document-Processing/Word/Word-Processor/angular/track-changes.md b/Document-Processing/Word/Word-Processor/angular/track-changes.md index 8a3715a0c3..3cd5a485fe 100644 --- a/Document-Processing/Word/Word-Processor/angular/track-changes.md +++ b/Document-Processing/Word/Word-Processor/angular/track-changes.md @@ -167,7 +167,7 @@ import { DocumentEditorContainerComponent, ToolbarService } from '@syncfusion/ej @Component({ selector: 'app-container', - // specifies the template string for the DOCX Editor component + // specifies the template string for the Document Editor component template: `
`, From ad592b9b06662785c7a08656edca51094d48d1c0 Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Thu, 27 Aug 2026 18:25:23 +0530 Subject: [PATCH 5/6] Resolved the redundant errors in mixed cases --- .../Word/Word-Processor/angular/global-local.md | 2 +- .../angular/how-to/auto-save-document.md | 2 +- .../change-the-cursor-color-in-document-editor.md | 5 +++-- .../Word-Processor/angular/how-to/customize-ribbon.md | 2 +- .../angular/how-to/disable-drag-and-drop.md | 2 +- .../how-to/set-default-format-in-document-editor.md | 2 +- .../Word/Word-Processor/angular/scrolling-zooming.md | 10 +++++----- ...sor-server-docker-container-in-azure-app-service.md | 2 +- .../Word/Word-Processor/angular/table-format.md | 2 +- .../Word/Word-Processor/angular/table-of-contents.md | 2 +- .../Word/Word-Processor/angular/ui-builder-skill.md | 2 +- 11 files changed, 17 insertions(+), 16 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/global-local.md b/Document-Processing/Word/Word-Processor/angular/global-local.md index 2bbcab68a5..6251af7440 100644 --- a/Document-Processing/Word/Word-Processor/angular/global-local.md +++ b/Document-Processing/Word/Word-Processor/angular/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/angular/how-to/auto-save-document.md b/Document-Processing/Word/Word-Processor/angular/how-to/auto-save-document.md index 01d23a4589..6b4da98dd2 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/auto-save-document.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/auto-save-document.md @@ -3,7 +3,7 @@ layout: post title: How to Auto Save Document in Angular DOCX Editor | Syncfusion description: Automatically save edited documents to the server at regular intervals in Syncfusion® Angular DOCX Editor to prevent data loss. platform: document-processing -control: Auto save document in document editor +control: Auto save document in DOCX Editor documentation: ug domainurl: ##DomainURL## --- diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/change-the-cursor-color-in-document-editor.md b/Document-Processing/Word/Word-Processor/angular/how-to/change-the-cursor-color-in-document-editor.md index b544a0ed7d..45c6989567 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/change-the-cursor-color-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/change-the-cursor-color-in-document-editor.md @@ -3,7 +3,7 @@ layout: post title: How to Change Cursor Color in Angular DOCX Editor | Syncfusion description: Change the default cursor color in Syncfusion® Angular DOCX Editor by overriding CSS properties and customizing the editor appearance. platform: document-processing -control: Change the cursor color in document editor +control: Change the cursor color in DOCX Editor documentation: ug domainurl: ##DomainURL## --- @@ -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/angular/how-to/customize-ribbon.md b/Document-Processing/Word/Word-Processor/angular/how-to/customize-ribbon.md index 80f1a3d7b2..d5d8bc3766 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/customize-ribbon.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/customize-ribbon.md @@ -120,7 +120,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/angular/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/angular/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/angular/how-to/disable-drag-and-drop.md b/Document-Processing/Word/Word-Processor/angular/how-to/disable-drag-and-drop.md index cee3e60c90..4b62829f3b 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/disable-drag-and-drop.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/disable-drag-and-drop.md @@ -1,7 +1,7 @@ --- layout: post title: How to Disable Drag and Drop in Angular DOCX Editor | Syncfusion -description: Disable drag and drop functionality in Syncfusion® Angular DOCX Editor to prevent users from moving content within the document editor component. +description: Disable drag and drop functionality in Syncfusion® Angular 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/angular/how-to/set-default-format-in-document-editor.md b/Document-Processing/Word/Word-Processor/angular/how-to/set-default-format-in-document-editor.md index 52d03ae9bc..e92669a9ea 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/set-default-format-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/set-default-format-in-document-editor.md @@ -3,7 +3,7 @@ layout: post title: How to Set Default Format in Angular DOCX Editor | Syncfusion description: Set default character, paragraph, and section formatting in Syncfusion® Angular DOCX Editor for consistent document styling across documents. platform: document-processing -control: Set default format in document editor +control: Set default format in DOCX Editor documentation: ug domainurl: ##DomainURL## --- diff --git a/Document-Processing/Word/Word-Processor/angular/scrolling-zooming.md b/Document-Processing/Word/Word-Processor/angular/scrolling-zooming.md index cc2337cca8..d635e4cdd2 100644 --- a/Document-Processing/Word/Word-Processor/angular/scrolling-zooming.md +++ b/Document-Processing/Word/Word-Processor/angular/scrolling-zooming.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Scrolling and Zooming in Angular DOCX Editor -The [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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 [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-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 ts tabtitle="app.component.ts" %} @@ -26,7 +26,7 @@ The [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-doc 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 ts tabtitle="app.component.ts" %} @@ -42,7 +42,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. ```typescript this.documentEditor.zoomFactor = 3; @@ -50,7 +50,7 @@ this.documentEditor.zoomFactor = 3; ## 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. ```typescript this.documentEditor.fitPage('FitPageWidth'); @@ -58,7 +58,7 @@ this.documentEditor.fitPage('FitPageWidth'); ## 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. ```typescript import { NgModule } from '@angular/core'; diff --git a/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md b/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md index 4695e92b6d..4d669c8f81 100644 --- a/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md +++ b/Document-Processing/Word/Word-Processor/angular/server-deployment/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md @@ -41,7 +41,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/angular/table-format.md b/Document-Processing/Word/Word-Processor/angular/table-format.md index a8138adbf0..a439f0925b 100644 --- a/Document-Processing/Word/Word-Processor/angular/table-format.md +++ b/Document-Processing/Word/Word-Processor/angular/table-format.md @@ -72,7 +72,7 @@ this.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. ```typescript this.documentEditor.selection.tableFormat.tableAlignment='Center'; diff --git a/Document-Processing/Word/Word-Processor/angular/table-of-contents.md b/Document-Processing/Word/Word-Processor/angular/table-of-contents.md index d81bfb3532..d4754af2c6 100644 --- a/Document-Processing/Word/Word-Processor/angular/table-of-contents.md +++ b/Document-Processing/Word/Word-Processor/angular/table-of-contents.md @@ -25,7 +25,7 @@ Angular DOCX Editor exposes an API to insert table of contents at cursor positio * **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. ```typescript let tocSettings: TableOfContentsSettings = diff --git a/Document-Processing/Word/Word-Processor/angular/ui-builder-skill.md b/Document-Processing/Word/Word-Processor/angular/ui-builder-skill.md index c0d7882c1d..3641d76ca1 100644 --- a/Document-Processing/Word/Word-Processor/angular/ui-builder-skill.md +++ b/Document-Processing/Word/Word-Processor/angular/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 Angular application with DOCX Editor - 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 Angular application with DOCX Editor - 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 bc20f901a9a78ad5d045547b867e3caaadb3f882 Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Thu, 27 Aug 2026 23:04:55 +0530 Subject: [PATCH 6/6] Addressed the feedbacks --- Document-Processing/Word/Word-Processor/angular/history.md | 2 +- .../Word/Word-Processor/angular/how-to/open-default-document.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/history.md b/Document-Processing/Word/Word-Processor/angular/history.md index 41efbccaf3..901065b761 100644 --- a/Document-Processing/Word/Word-Processor/angular/history.md +++ b/Document-Processing/Word/Word-Processor/angular/history.md @@ -22,7 +22,7 @@ import { DocumentEditorComponent, SfdtExportService, SelectionService, EditorSer @Component({ selector: 'app-container', - //specifies the template string for the DOCX Editor component + //specifies the template string for the Document Editor component template: ` `, encapsulation: ViewEncapsulation.None, diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/open-default-document.md b/Document-Processing/Word/Word-Processor/angular/how-to/open-default-document.md index 26b86ab7ac..022c864a73 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/open-default-document.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/open-default-document.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to Open a Default Document in Angular DOCX Editor -In this article, we are going to see how to open a default document when the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) & Document Editor Container are initialized. +In this article, we are going to see how to open a default document when the Document Editor and Document Editor Container are initialized. ## Opening a default document in DocumentEditor