You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: Document-Processing/Word/Word-Processor/angular/comments.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -210,7 +210,7 @@ export class AppComponent implements OnInit {
210
210
211
211
## Events
212
212
213
-
DocumentEditor provides [beforeCommentAction](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#beforecommentaction) event, which is triggered on comment actions like Post, edit, reply, resolve and reopen. This event provides an opportunity to perform custom logic on comment actions like Post, edit, reply, resolve and reopen. The event handler receives the [CommentActionEventArgs](https://ej2.syncfusion.com/angular/documentation/api/document-editor/commentActionEventArgs) object as an argument, which allows access to information about the comment.
213
+
DocumentEditor provides [beforeCommentAction](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#beforecommentaction) event, which is triggered on comment actions like Post, edit, reply, resolve and reopen. This event provides an opportunity to perform custom logic on comment actions like Post, edit, reply, resolve and reopen. The event handler receives the [CommentActionEventArgs](https://ej2.syncfusion.com/angular/documentation/api/document-editor/commentActionEventArgs/) object as an argument, which allows access to information about the comment.
214
214
215
215
To demonstrate a specific use case, let’s consider an example where we want to restrict the delete functionality based on the author’s name. The following code snippet illustrates how to allow only the author of a comment to delete:
Copy file name to clipboardExpand all lines: Document-Processing/Word/Word-Processor/angular/fields.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -14,7 +14,7 @@ Document Editor has preservation support for all types of fields in an existing
14
14
15
15
## Adding Fields
16
16
17
-
You can add a field to the document by using [`insertField`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#insertfield) method in [`Editor`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/) module.
17
+
You can add a field to the document by using [`insertField`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#insertfield) method in [`Editor`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/) module.
18
18
19
19
The following example code illustrates how to insert merge field programmatically by providing the field code and field result.
20
20
@@ -58,7 +58,7 @@ let fieldInfo: FieldInfo = this.documentEditor.selection.getFieldInfo();
58
58
59
59
## Set field info
60
60
61
-
You can modify the field code and field result of the current selected field by using [`setFieldInfo`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#setfieldinfo) method in the [`Editor`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/) module.
61
+
You can modify the field code and field result of the current selected field by using [`setFieldInfo`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#setfieldinfo) method in the [`Editor`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/) module.
62
62
63
63
```typescript
64
64
//Gets the field information for the selected field.
Copy file name to clipboardExpand all lines: Document-Processing/Word/Word-Processor/angular/find-and-replace.md
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -36,13 +36,13 @@ The [`Search`](https://ej2.syncfusion.com/angular/documentation/api/document-edi
36
36
37
37
|API Name|Type |Description|
38
38
|---|---|---|
39
-
|[`findAll()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/search#findall/)| Method |Searches for specified text in the whole document and highlights it with yellow.|
40
-
|[`searchResults`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/search#searchresults/)|Property |This is an instance of [`SearchResults`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchResults/).|
41
-
|[`find()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/search#find/)| Method |Find immediate occurrence of specified text from cursor position in the document and highlights it with yellow.|
39
+
|[`findAll()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/search/#findall/)| Method |Searches for specified text in the whole document and highlights it with yellow.|
40
+
|[`searchResults`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/search/#searchresults/)|Property |This is an instance of [`SearchResults`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchResults/).|
41
+
|[`find()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/search/#find/)| Method |Find immediate occurrence of specified text from cursor position in the document and highlights it with yellow.|
42
42
43
43
### Find the immediate occurrence in the document
44
44
45
-
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.
45
+
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.
46
46
47
47
The following example code illustrates how to use find in Document editor.
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.
57
+
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.
58
58
59
59
The following example code illustrates how to find All the text in the document.
60
60
@@ -70,14 +70,14 @@ The [`SearchResults`](https://ej2.syncfusion.com/angular/documentation/api/docum
70
70
71
71
|API Name|Type |Description|
72
72
|---|---|---|
73
-
|[`length`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchResults#length/)|Property|Returns the total number of results found on the search.|
74
-
|[`index`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchResults#index/)|Property|Returns the index of selected search result. You can change the value for this property to move the selection.|
75
-
|[`replaceAll()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchresults#replaceall/)|Method|Replaces all the occurrences with specified text.|
76
-
|[`clear()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchResults#clear/)|Method|Clears the search result.|
73
+
|[`length`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchResults/#length/)|Property|Returns the total number of results found on the search.|
74
+
|[`index`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchResults/#index/)|Property|Returns the index of selected search result. You can change the value for this property to move the selection.|
75
+
|[`replaceAll()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchResults/#replaceall/)|Method|Replaces all the occurrences with specified text.|
76
+
|[`clear()`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchResults/#clear/)|Method|Clears the search result.|
77
77
78
78
### Replace all the occurrences
79
79
80
-
Using [`replaceAll`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchResults#replaceall/), you can replace all the occurrences with specified text.
80
+
Using [`replaceAll`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/searchResults/#replaceall/), you can replace all the occurrences with specified text.
81
81
82
82
The following example code illustrates how to use replace All in Document editor.
Copy file name to clipboardExpand all lines: Document-Processing/Word/Word-Processor/angular/how-to/add-save-button-in-toolbar.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,7 +12,7 @@ domainurl: ##DomainURL##
12
12
13
13
## To add a save button to the existing toolbar in DocumentEditorContainer
14
14
15
-
DocumentEditorContainer 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/).
15
+
DocumentEditorContainer 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/).
Copy file name to clipboardExpand all lines: Document-Processing/Word/Word-Processor/angular/how-to/change-document-view.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -58,7 +58,7 @@ export class AppComponent {
58
58
59
59
## How to change the document view in DocumentEditorContainer component
60
60
61
-
DocumentEditorContainer component allows you to change the view to web layout and print using the [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/-container#layouttype) property with the supported [`LayoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/layoutType/).
61
+
DocumentEditorContainer component allows you to change the view to web layout and print using the [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/#layouttype) property with the supported [`LayoutType`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/layoutType/).
Copy file name to clipboardExpand all lines: Document-Processing/Word/Word-Processor/angular/how-to/change-the-default-search-highlight-color.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
10
10
11
11
# Change Search Highlight Color in Angular Document Editor
12
12
13
-
Document editor provides an options to change the default search highlight color using [`searchHighlightColor`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorSettingsModel#searchhighlightcolor) in Document editor settings. The highlight color which is given in [`documentEditorSettings`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/-container#documenteditorsettings) will be highlighted on the searched text. By default, search highlight color is `yellow`.
13
+
Document editor provides an options to change the default search highlight color using [`searchHighlightColor`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorSettingsModel#searchhighlightcolor) in Document editor settings. The highlight color which is given in [`documentEditorSettings`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/#documenteditorsettings) will be highlighted on the searched text. By default, search highlight color is `yellow`.
14
14
15
15
Similarly, you can use [`documentEditorSettings`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#documenteditorsettings) property for DocumentEditor also.
Copy file name to clipboardExpand all lines: Document-Processing/Word/Word-Processor/angular/how-to/customize-font-family-drop-down.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
10
10
11
11
# Customize font family drop down in Angular Document editor
12
12
13
-
Document editor provides an options to customize the font family drop down list values using [`fontFamilies`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorSettingsModel#fontfamilies) in Document editor settings. Fonts which are added in fontFamilies of [`documentEditorSettings`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/-container#documenteditorsettings) will be displayed on font drop down list of text properties pane and font dialog.
13
+
Document editor provides an options to customize the font family drop down list values using [`fontFamilies`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorSettingsModel#fontfamilies) in Document editor settings. Fonts which are added in fontFamilies of [`documentEditorSettings`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/#documenteditorsettings) will be displayed on font drop down list of text properties pane and font dialog.
14
14
15
15
Similarly, you can use [`documentEditorSettings`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#documenteditorsettings) property for DocumentEditor also.
Copy file name to clipboardExpand all lines: Document-Processing/Word/Word-Processor/angular/how-to/customize-ribbon.md
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -22,7 +22,7 @@ Below are detailed examples for each ribbon customization scenario.
22
22
23
23
## File Menu Customization
24
24
25
-
Document Editor provides APIs to remove existing 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.
25
+
Document Editor provides APIs to remove existing 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.
26
26
27
27
In the example below, the "Open" and "Export" items have been removed from the File Menu Items, and new custom items have been added.
28
28
@@ -71,7 +71,7 @@ export class AppComponent {
71
71
72
72
## Backstage Menu Customization
73
73
74
-
The Document Editor provides an [`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.
74
+
The Document Editor provides an [`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.
75
75
76
76
The following code example shows how to add the backstage menu items.
77
77
@@ -120,7 +120,7 @@ You can customize the ribbon tabs in the Document Editor by showing, hiding, or
120
120
121
121
### Show/Hide Tab
122
122
123
-
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 existing `RibbonTabType` and `tabId`.
123
+
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 existing `RibbonTabType` and `tabId`.
124
124
125
125
The following code example how to show/hide existing tab using existing tab type and tab id.
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.
138
+
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.
139
139
140
140
```typescript
141
141
@@ -202,9 +202,9 @@ You can also customize ribbon groups within a tab to better organize commands or
202
202
203
203
### Show/Hide Group
204
204
205
-
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.
205
+
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.
206
206
207
-
The following code example show how to show/hide the group using group Id or [`RibbonGroupInfo`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/-container#ribbongroupinfo).
207
+
The following code example show how to show/hide the group using group Id or [`RibbonGroupInfo`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/#ribbongroupinfo).
208
208
209
209
```typescript
210
210
@@ -281,9 +281,9 @@ You can customize individual items within ribbon groups. This includes showing,
281
281
282
282
### Show/Hide Item
283
283
284
-
Using [`showItems`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/-container/ribbon#showitems) API in Document editor ribbon to enable/disable the existing item. Here, you can specify the item Id or [`RibbonItemInfo`].
284
+
Using [`showItems`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/ribbon#showitems) API in Document editor ribbon to enable/disable the existing item. Here, you can specify the item Id or [`RibbonItemInfo`].
285
285
286
-
The following code example show how to show/hide the item using item Id or [`RibbonItemInfo`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/-container#ribboniteminfo).
286
+
The following code example show how to show/hide the item using item Id or [`RibbonItemInfo`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/#ribboniteminfo).
287
287
288
288
```typescript
289
289
// To hide the Bold and Italic items using ribbon item information
Using [`enableItems`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/-container/ribbon#enableitems) API in Document editor ribbon to enable/disable the existing item.
301
+
Using [`enableItems`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/ribbon#enableitems) API in Document editor ribbon to enable/disable the existing item.
302
302
303
303
```typescript
304
304
// To disable the underline using ribbon item info
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.
317
+
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.
0 commit comments