Skip to content

1043289-Updated Documentation Changes in Angular Platform #3956

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Vellaisamy5301 wants to merge 1 commit into
base: development
Choose a base branch
from
Open

1043289-Updated Documentation Changes in Angular Platform #3956

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 17 additions & 16 deletions Document-Processing/Word/Word-Processor/angular/dialog.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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.

Expand All @@ -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.

Expand All @@ -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.

Expand All @@ -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 %}
Expand All @@ -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.

Expand All @@ -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.

Expand Down Expand Up @@ -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';
Expand Down Expand Up @@ -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.

Expand Down Expand Up @@ -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.

Expand Down Expand Up @@ -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.

Expand All @@ -498,4 +499,4 @@ To open this dialog, refer to the following example.

## See Also

* [Feature module](./feature-module)
* [Feature modules](./feature-module)
28 changes: 14 additions & 14 deletions Document-Processing/Word/Word-Processor/angular/document-management.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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';
Expand All @@ -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" %}
Expand Down
32 changes: 16 additions & 16 deletions Document-Processing/Word/Word-Processor/angular/export.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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<sup style="font-size:70%">&reg;</sup> 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|
|--------|---------|
Expand All @@ -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<sup style="font-size:70%">&reg;</sup> document text (.sfdt).
The following example shows how to export documents in the Document Editor as Syncfusion<sup style="font-size:70%">&reg;</sup> document text (.sfdt).

{% tabs %}
{% highlight ts tabtitle="app.component.ts" %}
Expand All @@ -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<sup style="font-size:70%">&reg;</sup> 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<sup style="font-size:70%">&reg;</sup> 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" %}
Expand All @@ -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<sup style="font-size:70%">&reg;</sup> 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<sup style="font-size:70%">&reg;</sup> 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" %}
Expand All @@ -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" %}
Expand All @@ -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';
Expand Down Expand Up @@ -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.
Expand All @@ -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 {
Expand Down Expand Up @@ -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

Expand Down
12 changes: 6 additions & 6 deletions Document-Processing/Word/Word-Processor/angular/faq/sfdt-faqs.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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?

Expand All @@ -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.

Expand All @@ -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?

Expand Down
Loading