diff --git a/Document-Processing/Word/Word-Processor/angular/fields.md b/Document-Processing/Word/Word-Processor/angular/fields.md index cf8e5f4784..b967d9db81 100644 --- a/Document-Processing/Word/Word-Processor/angular/fields.md +++ b/Document-Processing/Word/Word-Processor/angular/fields.md @@ -1,16 +1,16 @@ --- layout: post -title: Fields in Angular Document editor component | Syncfusion -description: Learn here all about Fields in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Fields in Angular DOCX Editor component | Syncfusion +description: Learn here all about Fields in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Fields +control: Fields documentation: ug domainurl: ##DomainURL## --- -# Fields in Angular Document editor component +# Fields in Angular Document Editor component -[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. +[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. ## Adding Fields @@ -24,11 +24,11 @@ let fieldResult: string = '«First Name»'; this.documentEditor.editor.insertField(fieldCode, fieldResult); ``` ->Note: Document editor does not validate/process the field code/field result. it simply inserts the field with specified field information. +N> Document 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 field. The following example code illustrates how to update bookmark cross reference field. +Document 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. @@ -54,7 +54,7 @@ You can get field code and field result of the current selected field by using [ let fieldInfo: FieldInfo = this.documentEditor.selection.getFieldInfo(); ``` ->Note: For nested fields, this method returns combined field code and result. +N> For nested fields, this method returns combined field code and result. ## Set field info @@ -74,7 +74,7 @@ fieldInfo.result = '«First Name»'; this.documentEditor.editor.setFieldInfo(fieldInfo); ``` ->Note: For nested field, entire field gets replaced completely with the specified field information. +N> For nested field, entire field gets replaced completely with the specified field information. ## See Also 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 2272cf8e50..27753fa171 100644 --- a/Document-Processing/Word/Word-Processor/angular/find-and-replace.md +++ b/Document-Processing/Word/Word-Processor/angular/find-and-replace.md @@ -1,20 +1,20 @@ --- layout: post -title: Find and replace in Angular Document editor component | Syncfusion -description: Learn here all about Find and replace in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Find and replace in Angular DOCX Editor component | Syncfusion +description: Learn here all about Find and replace in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Find and replace +control: Find and replace documentation: ug domainurl: ##DomainURL## --- -# Find and replace in Angular Document editor component +# Find and replace in Angular Document Editor component -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 performs various operations on the search results like replacing it with some other text, highlighting it, making it bolder, and more. +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. ## Options pane -This provides the options to search for a portion of text in the document. After search operation is completed, the search results will be displayed in a list and options to navigate between them. The current occurrence of matched text or all occurrences with another text can be replaced by switching to `Replace` tab. This pane is opened using the keyboard shortcut `CTRL+F`. You can also open it programmatically using the following sample code. +This provides the options to search for a portion of text in the document. After search operation is completed, the search results will be displayed in a list and options to navigate between them. The current occurrence of matched text or all occurrences can be replaced with another text by switching to `Replace` tab. This pane is opened using the keyboard shortcut `CTRL+F`. You can also open it programmatically using the following sample code. {% tabs %} {% highlight ts tabtitle="app.component.ts" %} @@ -44,25 +44,25 @@ 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 Document Editor. ```typescript this.documenteditor.search.find('Some text', 'None'); ``` ->Note: Second parameter is optional parameter and it denotes find Options. Possible values of find options are `'None' |'WholeWord' |'CaseSensitive'| 'CaseSensitiveWholeWord'`. +N> Second parameter is optional parameter and it denotes find Options. Possible values of find options are `'None' |'WholeWord' |'CaseSensitive'| 'CaseSensitiveWholeWord'`. ### Find all the occurrences in the document Using [`findAll()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/search/#findall/) method, you can find all the occurrences of specified text in the whole document and highlight it with yellow. -The following example code illustrates how to find All the text in the document. +The following example code illustrates how to find all the text in the document. ```typescript this.documenteditor.search.findAll('Some text', 'None'); ``` ->Note: Second parameter is optional parameter and it denotes find Options. Possible values of find options are `'None' |'WholeWord' |'CaseSensitive'| 'CaseSensitiveWholeWord'`. +N> Second parameter is optional parameter and it denotes find Options. Possible values of find options are `'None' |'WholeWord' |'CaseSensitive'| 'CaseSensitiveWholeWord'`. ## Search results @@ -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 Document Editor. ```typescript this.documentEditor.search.findAll ('Some text'); @@ -89,9 +89,9 @@ this.documentEditor.search.searchResults.replaceAll("Mike"); ### Replace -Using [`insertText`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#inserttext/), you can replace the current searched text with specified text and it replace single occurrence. +Using [`insertText`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#inserttext/), you can replace the current searched text with specified text and it replaces a single occurrence. ->Note: This [`insertText`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#inserttext/) API accepts following control characters +N>s [`insertText`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#inserttext/) API accepts following control characters >* New line characters ("\r", "\r\n", "\n") - Inserts a new paragraph and appends the remaining text to the new paragraph. >* Line break character ("\v") - Moves the remaining text to start in new line. >* Tab character ("\t") - Allocates a tab space and continue the next character. diff --git a/Document-Processing/Word/Word-Processor/angular/form-fields.md b/Document-Processing/Word/Word-Processor/angular/form-fields.md index 583a0dbf82..89a9f0a31b 100644 --- a/Document-Processing/Word/Word-Processor/angular/form-fields.md +++ b/Document-Processing/Word/Word-Processor/angular/form-fields.md @@ -1,16 +1,16 @@ --- layout: post -title: Form fields in Angular Document editor component | Syncfusion -description: Learn here all about Form fields in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Form fields in Angular DOCX Editor component | Syncfusion +description: Learn here all about Form fields in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Form fields +control: Form fields documentation: ug domainurl: ##DomainURL## --- -# Form fields in Angular Document editor component +# Form fields in Angular Document Editor component -[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) Container component provide support for inserting Text, CheckBox, DropDown form fields through in-built toolbar. +[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. ![Form Fields](images/toolbar-form-fields.png) @@ -29,7 +29,7 @@ this.documentEditor.editor.insertFormField('DropDown'); ## Get form field names -All the form fields names form current document can be retrieved using [`getFormFieldNames()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#getformfieldnames). +All the form fields names from current document can be retrieved using [`getFormFieldNames()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#getformfieldnames). ```typescript let formFieldsNames: string[] = this.documentEditor.getFormFieldNames(); @@ -67,14 +67,14 @@ checkboxfieldInfo.defaultValue = true; checkboxfieldInfo.name = "Check2"; this.documentEditor.setFormFieldInfo('Check1',checkboxfieldInfo); -// Set checkbox form field properties +// Set dropdown form field properties let dropdownfieldInfo: DropDownFormFieldInfo = this.documentEditor.getFormFieldInfo('Drop1') as DropDownFormFieldInfo; dropdownfieldInfo.dropdownItems = ['One','Two', 'Three']; dropdownfieldInfo.name = "Drop2"; this.documentEditor.setFormFieldInfo('Drop1',dropdownfieldInfo); ``` ->Note:If a form field already exists in the document with the new name specified, the old form field name property will be cleared and it will not be accessible. Ensure the new name is unique. +N> If a form field already exists in the document with the new name specified, the old form field name property will be cleared and it will not be accessible. Ensure the new name is unique. ## Form Field Shading @@ -94,7 +94,7 @@ N> This customization only affects the application UI and will not be preserved ## Export form field data -Data of the all the Form fields in the document can be exported using [`exportFormData`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#exportformdata). +Data of all the Form fields in the document can be exported using [`exportFormData`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#exportformdata). ```typescript let formFieldDate: FormFieldData[] = this.documentEditor.exportFormData(); @@ -124,9 +124,9 @@ this.documentEditor.resetFormFields(); Document 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. +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. -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 Document Editor container. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -172,9 +172,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. +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. ->Note: In enforce Protection method, first parameter denotes password and second parameter denotes protection type. Possible values of protection type are `NoProtection |ReadOnly |FormFieldsOnly |CommentsOnly`. In stop protection method, parameter denotes the password. +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 diff --git a/Document-Processing/Word/Word-Processor/angular/getting-started.md b/Document-Processing/Word/Word-Processor/angular/getting-started.md index 68d2741968..7d7d62c482 100644 --- a/Document-Processing/Word/Word-Processor/angular/getting-started.md +++ b/Document-Processing/Word/Word-Processor/angular/getting-started.md @@ -1,16 +1,16 @@ --- layout: post -title: Getting Started with Angular DOCX Editor | Syncfusion -description: Learn how to create a DOCX Editor in an Angular application using the Syncfusion® DOCX Editor control to create, edit, and view Word documents. +title: Getting Started with Angular DOCX Editor component | Syncfusion +description: Learn how to create a Document Editor in an Angular application using the Syncfusion® Document Editor control to create, edit, and view Word documents. platform: document-processing control: Getting started documentation: ug domainurl: ##DomainURL## --- -# Getting Started with Angular DOCX Editor +# Getting Started with Angular Document 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 DOCX Editor in an Angular application. +[Angular Document 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. ## Prerequisites @@ -71,11 +71,11 @@ In this guide, CSS is selected as the stylesheet format. cd documenteditor-app ``` -## Install the DOCX Editor packages +## Install the Document Editor packages -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). +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). -To install the DOCX Editor component, use the following command: +To install the Document Editor component, use the following command: ```bash npm install @syncfusion/ej2-angular-documenteditor --save @@ -83,7 +83,7 @@ npm install @syncfusion/ej2-angular-documenteditor --save ## Register a Syncfusion License Key -Before initializing the Angular DOCX Editor control, generate a Syncfusion license key and register it in your application. +Before initializing the Angular Document Editor control, generate a Syncfusion license key and register it in your application. - [Generate a Syncfusion License Key](https://help.syncfusion.com/document-processing/licensing/how-to-generate) - [Register a Syncfusion License Key in Angular](https://help.syncfusion.com/document-processing/licensing/how-to-register-in-an-application#angular) @@ -110,9 +110,9 @@ The following CSS files are available in the `node_modules/@syncfusion` package N> This example uses the `Tailwind 3` theme. To use a different built-in theme, replace the `tailwind3.css` references with the corresponding theme stylesheets. Refer to the [Themes documentation](https://ej2.syncfusion.com/angular/documentation/appearance/overview) for information about the available themes and the different ways to include theme styles in an Angular application. -## Initialize the DOCX Editor +## Initialize the Document Editor -Modify `src/app/app.ts` to render the DOCX Editor component by adding the Angular DOCX Editor selector in its template section. +Modify `src/app/app.ts` to render the Document Editor component by adding the Angular Document Editor selector in its template section. {% tabs %} {% highlight ts tabtitle="app.ts" %} @@ -155,9 +155,9 @@ ng serve --open After the application starts, open the localhost URL shown in the terminal. The DOCX Editor is rendered in the browser with a toolbar and an editable document area, as shown below. -![Output of Angular DOCX Editor](./images/angular_getting_started.png) +![Output of Angular Document Editor](./images/angular_getting_started.png) -You can also explore the DOCX Editor interactively using the live sample below. +You can also explore the Document Editor interactively using the live sample below. {% previewsample "/document-processing/samples/document-editor/angular/document-editor-container-cs2" %} @@ -165,7 +165,7 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Angular-DOCX-Ed ## Server-side dependencies -The DOCX Editor component requires server-side interactions for the following operations: +The Document Editor component requires server-side interactions for the following operations: * Open file formats other than SFDT * Paste with formatting @@ -177,16 +177,15 @@ N> If you don't require the above functionalities, you can deploy the component For detailed information about server-side dependencies, refer to the [Web Services Overview](./web-services-overview) page. -N> Looking for the full Angular DOCX Editor component overview, features, pricing, and documentation? Visit the [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (DOCX Editor) page. +N> Looking for the full Angular Document Editor component overview, features, pricing, and documentation? Visit the [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) page. ## Online Demo -Explore how to create, edit, and print Word documents in the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/default). +Explore how to create, edit, and print Word documents in the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/default). ## Getting Started Video -Follow this quick walkthrough to install, configure, and start using the Angular DOCX Editor in your application. - +Follow this quick walkthrough to install, configure, and start using the Angular Document Editor in your application. {% youtube "https://www.youtube.com/watch?v=UHdjjR_BbQY" %} ## See also diff --git a/Document-Processing/Word/Word-Processor/angular/global-local.md b/Document-Processing/Word/Word-Processor/angular/global-local.md index 46efa39134..1958e43f3f 100644 --- a/Document-Processing/Word/Word-Processor/angular/global-local.md +++ b/Document-Processing/Word/Word-Processor/angular/global-local.md @@ -1,20 +1,20 @@ --- layout: post -title: Global local in Angular Document editor component | Syncfusion -description: Learn here all about Global local in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Global local in Angular DOCX Editor component | Syncfusion +description: Learn here all about Global local in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Global local +control: Global local documentation: ug domainurl: ##DomainURL## --- -# Global local in Angular Document editor component +# Global local in Angular Document Editor component ## Localization -The Localization library allows you to localize default text content of the DocumentEditor. 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 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 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) -Note: Please refer the [Locale](https://github.com/syncfusion/ej2-locale). +N> Please refer to the [Locale](https://github.com/syncfusion/ej2-locale). ## Document Editor @@ -262,7 +262,7 @@ Direction | Direction Table direction | Table direction Indent from right | Indent from right Contextual Spacing | Don't add space between the paragraphs of the same styles -Password Mismatch | The password don't match +Password Mismatch | The passwords don't match Restrict Editing | Restrict Editing Formatting restrictions | Formatting restrictions Allow formatting | Allow formatting @@ -365,7 +365,7 @@ View | View ## Document 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 Document Editor container. Locale keywords |Text -----|-----