diff --git a/Document-Processing/Word/Word-Processor/angular/dialog.md b/Document-Processing/Word/Word-Processor/angular/dialog.md index 6c64564b7f..ff95519689 100644 --- a/Document-Processing/Word/Word-Processor/angular/dialog.md +++ b/Document-Processing/Word/Word-Processor/angular/dialog.md @@ -1,20 +1,20 @@ --- layout: post -title: Dialog in Angular Document editor component | Syncfusion -description: Learn here all about Dialog in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Dialog in Angular DOCX Editor component | Syncfusion +description: Learn here all about Dialog in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Dialog +control: Dialog documentation: ug domainurl: ##DomainURL## --- -# Dialog in Angular Document editor component +# Dialog in Angular Document Editor component -[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) provides dialog support to major operations such as insert or edit hyperlink, formatting text, paragraph, style, list and table properties. +[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) provides dialog support for major operations such as inserting or editing hyperlinks, and formatting text, paragraph, style, list, and table properties. ## Font Dialog -Font dialog allows you to modify all text properties for selected contents at once such as bold, italic, underline, font size, font color, strikethrough, subscript and superscript. +The Font dialog allows you to modify all text properties for selected contents at once, such as bold, italic, underline, font size, font color, strikethrough, subscript, and superscript. Refer to the following example. @@ -32,7 +32,7 @@ Refer to the following example. ## Paragraph dialog -This dialog allows modifying the paragraph formatting for selection at once such as text alignment, indentation, and spacing. +This dialog allows modifying the paragraph formatting for the selection at once, such as text alignment, indentation, and spacing. To open this dialog, refer to the following example. @@ -50,7 +50,7 @@ To open this dialog, refer to the following example. ## Table dialog -This dialog allows creating and inserting a table at cursor position by specifying the required number of rows and columns. +This dialog allows creating and inserting a table at the cursor position by specifying the required number of rows and columns. To open this dialog, refer to the following example. @@ -72,8 +72,9 @@ This dialog allows you to perform the following operations: * View all bookmarks. * Navigate to a bookmark. -* Create a bookmark at current selection. +* Create a bookmark at the current selection. * Delete an existing bookmark. + To open this dialog, refer to the following example. {% tabs %} @@ -90,7 +91,7 @@ To open this dialog, refer to the following example. ## Hyperlink dialog -This dialog allows editing or inserting a hyperlink at cursor position. +This dialog allows editing or inserting a hyperlink at the cursor position. To open this dialog, refer to the following example. @@ -108,7 +109,7 @@ To open this dialog, refer to the following example. ## Table of contents dialog -This dialog allows creating and inserting table of contents at cursor position. If the table of contents already exists at cursor position, you can customize its properties. +This dialog allows creating and inserting a table of contents at the cursor position. If the table of contents already exists at the cursor position, you can customize its properties. To open this dialog, refer to the following example. @@ -162,7 +163,7 @@ export class AppComponent { ## Styles Dialog -This dialog allows managing the styles in a document. It will display all the styles in the document with options to modify the properties of the existing style or create new style with the help of ‘Style dialog’. Refer to the following example. +This dialog allows managing the styles in a document. It will display all the styles in the document with options to modify the properties of the existing style or create a new style with the help of the 'Style dialog'. Refer to the following example. ```typescript import { NgModule } from '@angular/core'; @@ -212,7 +213,7 @@ export class AppComponent { ## Style dialog -You can directly use this dialog for modifying any existing style or add new style by providing the style name. +You can directly use this dialog for modifying any existing style or adding a new style by providing the style name. To open this dialog, refer to the following example. @@ -370,7 +371,7 @@ export class AppComponent { ## Table options dialog -This dialog allows customizing the default cell margins and spacing between each cells of the selected table. +This dialog allows customizing the default cell margins and spacing between each cell of the selected table. To open this dialog, refer to the following example. @@ -480,7 +481,7 @@ export class AppComponent { ## Page setup dialog -This dialog allows customizing margins, size, and layout options for pages of the section. +This dialog allows customizing margins, size, and layout options for the pages of the section. To open this dialog, refer to the following example. @@ -498,4 +499,4 @@ To open this dialog, refer to the following example. ## See Also -* [Feature module](./feature-module) \ No newline at end of file +* [Feature modules](./feature-module) \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/angular/document-management.md b/Document-Processing/Word/Word-Processor/angular/document-management.md index 9b77eb6ff1..075248a4da 100644 --- a/Document-Processing/Word/Word-Processor/angular/document-management.md +++ b/Document-Processing/Word/Word-Processor/angular/document-management.md @@ -1,22 +1,22 @@ --- layout: post -title: Document management in Angular Document editor component | Syncfusion -description: Learn here all about Document management in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Document management in Angular DOCX Editor component | Syncfusion +description: Learn here all about Document management in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Document management +control: Document management documentation: ug domainurl: ##DomainURL## --- -# Document management in Angular Document editor component +# Document management in Angular Document Editor component -[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) provides support to restrict editing. When the protected document includes range permission, then unique user or user group only authorized to edit separate text area. +[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) provides support for restricting editing. When the protected document includes range permissions, only the unique user or user group is authorized to edit a separate text area. ## Set current user You can use the `currentUser` property to authorize the current document user by name, email, or user group name. -The following code shows how to set currentUser +The following code shows how to set currentUser: ```typescript this.container.documentEditor.currentUser = 'engineer@mycompany.com'; @@ -32,25 +32,25 @@ The following code shows how to set userColor. this.container.documentEditor.userColor = '#fff000'; ``` -You can toggle the highlight the editable region value using the "highlightEditableRanges" property. +You can toggle the highlighting of the editable region using the `highlightEditableRanges` property. The following code shows how to toggle the highlight editable region value. ```typescript -container.documentEditor.documentEditorSettings.highlightEditableRanges = true; +container.documentEditor.documentEditorSettings.highlightEditableRanges = true; ``` ## Restrict Editing Pane -Restrict Editing Pane provides the following options to manage the document: +The Restrict Editing Pane provides the following options to manage the document: * To apply formatting restrictions to the current document, select the allow formatting check box. * To apply editing restrictions to the current document, select the read only check box. -* To add users to the current document, select more users option and add user from the popup dialog. -* To include range permission to the current document, select parts of the document and choose users who are allowed to freely edit them from the listed check box. -* To apply the chosen editing restrictions, click the **YES,START ENFORCING PROTECTION** button. A dialog box displays asking for a password to protect. -* To stop protection, select **STOP PROTECTION** button. A dialog box displays asking for a password to stop protection. +* To add users to the current document, select the more users option and add users from the popup dialog. +* To include range permissions to the current document, select parts of the document and choose users who are allowed to freely edit them from the listed check boxes. +* To apply the chosen editing restrictions, click the **YES, START ENFORCING PROTECTION** button. A dialog box displays asking for a password to protect. +* To stop protection, select the **STOP PROTECTION** button. A dialog box displays asking for a password to stop protection. -The following code shows Restrict Editing Pane. To unprotect the document, use password '123'. +The following code shows the Restrict Editing Pane. To unprotect the document, use the password '123'. {% tabs %} {% highlight ts tabtitle="app.component.ts" %} diff --git a/Document-Processing/Word/Word-Processor/angular/export.md b/Document-Processing/Word/Word-Processor/angular/export.md index f48f26262a..7700e3c05f 100644 --- a/Document-Processing/Word/Word-Processor/angular/export.md +++ b/Document-Processing/Word/Word-Processor/angular/export.md @@ -1,18 +1,18 @@ --- layout: post -title: Export in Angular Document editor component | Syncfusion -description: Learn here all about Export in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Export in Angular DOCX Editor component | Syncfusion +description: Learn here all about Export in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Export +control: Export documentation: ug domainurl: ##DomainURL## --- -# Export in Angular Document editor component +# Export in Angular Document Editor component -[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) exports the document into various known file formats in client-side such as Microsoft Word document (.docx), text document (.txt), and its own format called **Syncfusion Document Text (.sfdt)**. +[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) exports the document into various known file formats on the client side, such as Microsoft Word document (.docx), text document (.txt), and its own format called **Syncfusion® Document Text (.sfdt)**. -We are providing two types of save APIs as mentioned below. +Two types of save APIs are provided as mentioned below. |API name|Purpose| |--------|---------| @@ -21,7 +21,7 @@ We are providing two types of save APIs as mentioned below. ## SFDT export -The following example shows how to export documents in document editor as Syncfusion® document text (.sfdt). +The following example shows how to export documents in the Document Editor as Syncfusion® document text (.sfdt). {% tabs %} {% highlight ts tabtitle="app.component.ts" %} @@ -37,9 +37,9 @@ The following example shows how to export documents in document editor as Syncfu ## Word export -The following example shows how to export the document as Word document (.docx). +The following example shows how to export the document as a Word document (.docx). ->Note: 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® 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) {% tabs %} {% highlight ts tabtitle="app.component.ts" %} @@ -55,9 +55,9 @@ The following example shows how to export the document as Word document (.docx). ## Template export -The following example shows how to export the document as Word Template (.dotx). +The following example shows how to export the document as a Word Template (.dotx). ->Note: 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® 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) {% tabs %} {% highlight ts tabtitle="app.component.ts" %} @@ -73,7 +73,7 @@ The following example shows how to export the document as Word Template (.dotx). ## Text export -The following example shows how to export document as text document (.txt). +The following example shows how to export the document as a text document (.txt). {% tabs %} {% highlight ts tabtitle="app.component.ts" %} @@ -89,7 +89,7 @@ The following example shows how to export document as text document (.txt). ## Export as blob -Document Editor also supports API to store the document into a blob. Refer to the following sample to export document into blob in client-side. +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. ```typescript import { Component, ViewEncapsulation, ViewChild } from '@angular/core'; @@ -119,7 +119,7 @@ export class AppComponent { } ``` -For instance, to export the document as Rich Text Format file, implement an ASP.NET MVC web API controller using DocIO library by passing the DOCX blob. Refer to the following code example. +For instance, to export the document as a Rich Text Format file, implement an ASP.NET MVC web API controller using the DocIO library by passing the DOCX blob. Refer to the following code example. ```csharp //API controller for the conversion. @@ -138,7 +138,7 @@ For instance, to export the document as Rich Text Format file, implement an ASP. } ``` -In client-side, you can consume this web service and save the document as Rich Text Format (.rtf) file. Refer to the following example. +On the client side, you can consume this web service and save the document as a Rich Text Format (.rtf) file. Refer to the following example. ```typescript public saveAsBlob() :void { @@ -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 [here](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 Document 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 35544fc567..385fd03c18 100644 --- a/Document-Processing/Word/Word-Processor/angular/faq/sfdt-faqs.md +++ b/Document-Processing/Word/Word-Processor/angular/faq/sfdt-faqs.md @@ -1,16 +1,16 @@ --- layout: post title: FAQs about SFDT in Angular DOCX Editor | Syncfusion -description: Learn all about FAQs on SFDT in the Syncfusion Angular DOCX Editor component, including its structure and usage. +description: Learn all about FAQs on SFDT in the Syncfusion Angular Document Editor component, including its structure and usage. control: SFDT format platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# FAQs about SFDT in Angular DOCX Editor +# FAQs about SFDT in Angular Document Editor -The frequently asked questions about SFDT in [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) is listed below: +The frequently asked questions about SFDT in [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) are listed below: ## What is SFDT format? @@ -22,7 +22,7 @@ It is not recommended to modify SFDT directly (either manually or programmatical ## What are the advantages of SFDT over DOCX? -SFDT is optimized for web-based document editing scenarios. +SFDT is optimized for web-based document editing scenarios. - It is lightweight and easier to process. @@ -34,9 +34,9 @@ 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 Document 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 +- Use cases that require efficient storage in a database and quick reloading for further editing. ## Can SFDT be converted back to DOCX? 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 5b2e1f3fcd..4ec0d7f252 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 @@ -1,8 +1,8 @@ --- layout: post -title: Unsupported file in Angular Document editor component | Syncfusion -description: Learn here all about Unsupported file in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. -control: Unsupported file +title: Unsupported file in Angular DOCX Editor component | Syncfusion +description: Learn here all about Unsupported file in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. +control: Unsupported file platform: document-processing documentation: ug domainurl: ##DomainURL## @@ -10,20 +10,22 @@ domainurl: ##DomainURL## # Why does my Angular show unsupported message for document? -If you receive an "The file format you have selected isn't supported. Please choose 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: -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. -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. +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 Document 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: + +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. +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. Document Editor supports the following file formats: -• Word Document (*.docx) -• Syncfusion Document Text (*.sfdt) -• Plain Text (*.txt) -• Word Template (*.dotx) -• HyperText Markup Language (*.html) -• Rich Text Format (*.rtf) -• Word XML Document(*.xml) -• Word 97-2003 Template (*.dot) -• Word 97-2003 Document (*.doc) +* Word Document (*.docx) +* Syncfusion Document Text (*.sfdt) +* Plain Text (*.txt) +* Word Template (*.dotx) +* HyperText Markup Language (*.html) +* Rich Text Format (*.rtf) +* Word XML Document (*.xml) +* 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