From 940dcecce4e4327698cec8fbac31340848cada38 Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Fri, 4 Sep 2026 16:26:49 +0530 Subject: [PATCH 1/3] Document highlighting comments by author feature Added section on highlighting comments by author in DOCX Editor. --- .../Word/Word-Processor/angular/comments.md | 24 +++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/Document-Processing/Word/Word-Processor/angular/comments.md b/Document-Processing/Word/Word-Processor/angular/comments.md index 66ef4a4299..f0b14115bd 100644 --- a/Document-Processing/Word/Word-Processor/angular/comments.md +++ b/Document-Processing/Word/Word-Processor/angular/comments.md @@ -208,6 +208,30 @@ 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. +## Highlight comments by author + +When `highlightCommentsByAuthor' is enabled, each comment marker and pane border is displayed in the author’s avatar color. +Selecting a comment highlights the corresponding text in that color. If multiple comments appear on the same line, the marker retains the first author’s avatar color. + +The following example illustrates how to enable comment highlights in the DOCX Editor + +```typescript +import { Component, OnInit } from '@angular/core'; +import { ToolbarService , DocumentEditorSettingsModel } from '@syncfusion/ej2-angular-documenteditor'; +@Component({ + selector: 'app-root', + // specifies the template string for the DocumentEditorContainer component + template: ` `, + providers: [ToolbarService] +}) +export class AppComponent implements OnInit { + + public settings: DocumentEditorSettingsModel = { highlightCommentsByAuthor : true }; + ngOnInit(): void { + } +} +``` + ## Events DocumentEditor provides the [beforeCommentAction](https://ej2.syncfusion.com/angular/documentation/api/document-editor#beforecommentaction) event, which is triggered on comment actions such as Post, edit, reply, resolve, and reopen. This event provides an opportunity to perform custom logic on these comment actions. 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. From d3dc7ce4d6c2f1498e16ad6d7fb8fc463a208838 Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Sun, 6 Sep 2026 18:30:57 +0530 Subject: [PATCH 2/3] Update comment highlighting settings in DOCX Editor with reviewed API Updated the comment highlighting feature to include comment settings with reviewed API in the Document Editor configuration. --- Document-Processing/Word/Word-Processor/angular/comments.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/comments.md b/Document-Processing/Word/Word-Processor/angular/comments.md index f0b14115bd..324eff9861 100644 --- a/Document-Processing/Word/Word-Processor/angular/comments.md +++ b/Document-Processing/Word/Word-Processor/angular/comments.md @@ -210,8 +210,7 @@ export class AppComponent implements OnInit { ## Highlight comments by author -When `highlightCommentsByAuthor' is enabled, each comment marker and pane border is displayed in the author’s avatar color. -Selecting a comment highlights the corresponding text in that color. If multiple comments appear on the same line, the marker retains the first author’s avatar color. +When `highlightCommentsByAuthor' is enabled, each comment marker and pane border is displayed in the author’s avatar color. Selecting a comment highlights the corresponding text in that color. If multiple comments appear on the same line, the marker retains the first author’s avatar color. The following example illustrates how to enable comment highlights in the DOCX Editor @@ -226,7 +225,7 @@ import { ToolbarService , DocumentEditorSettingsModel } from '@syncfusion/ej2-an }) export class AppComponent implements OnInit { - public settings: DocumentEditorSettingsModel = { highlightCommentsByAuthor : true }; + public settings: DocumentEditorSettingsModel = { commentSettings: { highlightCommentsByAuthor : true } }; ngOnInit(): void { } } From 99d5cc6700ddd4e7dfdbbabcd6762634845b85a1 Mon Sep 17 00:00:00 2001 From: Vellaisamy Auvudaiappan Date: Mon, 7 Sep 2026 14:01:46 +0530 Subject: [PATCH 3/3] Update Angular comments documentation --- Document-Processing/Word/Word-Processor/angular/comments.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/comments.md b/Document-Processing/Word/Word-Processor/angular/comments.md index 324eff9861..42e3ae47d8 100644 --- a/Document-Processing/Word/Word-Processor/angular/comments.md +++ b/Document-Processing/Word/Word-Processor/angular/comments.md @@ -200,7 +200,7 @@ export class AppComponent implements OnInit { { "Name": "Andrew James", "EmailId": "james@company.com" }, { "Name": "Andrew Fuller", "EmailId": "andrew@company.com"} ]; - public settings: DocumentEditorSettingsModel = { mentionSettings : { dataSource: this.mentionData, fields: { text: 'Name' }} }; + public settings: DocumentEditorSettingsModel = { commentSettings: { highlightCommentsByAuthor : true } }; ngOnInit(): void { } } @@ -258,7 +258,7 @@ export class AppComponent implements OnInit { { "Name": "Andrew James", "EmailId": "james@company.com" }, { "Name": "Andrew Fuller", "EmailId": "andrew@company.com" } ]; - public settings: DocumentEditorSettingsModel = { mentionSettings: { dataSource: this.mentionData, fields: { text: 'Name' } } }; + public settings: DocumentEditorSettingsModel = { commentSettings: { highlightCommentsByAuthor : true } }; ngOnInit(): void { this.container.currentUser="Guest User"; }