From 1645e8bd755323a5acdf73747aecc1cd03c1d22c 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 b5e723f57c6314faba8ad7f76bde40eae93c5412 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 39b6b6dacba38435290bb6eb4e8a141f086064dd 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"; }