From 76b2d26019964942e3b48fb32e5354613555c004 Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Fri, 4 Sep 2026 16:39:40 +0530 Subject: [PATCH 1/4] Document highlighting comments by author feature Added section on highlighting comments by author in DOCX Editor. --- .../Word/Word-Processor/vue/comments.md | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/Document-Processing/Word/Word-Processor/vue/comments.md b/Document-Processing/Word/Word-Processor/vue/comments.md index 335daee534..59b3b54425 100644 --- a/Document-Processing/Word/Word-Processor/vue/comments.md +++ b/Document-Processing/Word/Word-Processor/vue/comments.md @@ -233,6 +233,34 @@ The following example illustrates how to enable mention support in the DOCX Edit > 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 + +``` + + +``` + ## Events DocumentEditor provides [beforeCommentAction](https://ej2.syncfusion.com/vue/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/vue/documentation/api/document-editor/commentActionEventArgs) object as an argument, which allows access to information about the comment. From d351975a44b6324a072ffb18fb9477338b060878 Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Sun, 6 Sep 2026 18:36:24 +0530 Subject: [PATCH 2/4] Update comments documentation with reviewed API Updated comments section to clarify the usage of highlightCommentsByAuthor with reviewed API --- Document-Processing/Word/Word-Processor/vue/comments.md | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/vue/comments.md b/Document-Processing/Word/Word-Processor/vue/comments.md index 59b3b54425..eb985fb827 100644 --- a/Document-Processing/Word/Word-Processor/vue/comments.md +++ b/Document-Processing/Word/Word-Processor/vue/comments.md @@ -235,8 +235,7 @@ The following example illustrates how to enable mention support in the DOCX Edit ## 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 @@ -250,8 +249,10 @@ The following example illustrates how to enable comment highlights in the DOCX E import { DocumentEditorContainerComponent, Toolbar } from '@syncfusion/ej2-vue-documenteditor'; export default { data() { - return { serviceUrl:'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/', - settings: { highlightCommentsByAuthor : true }}, + return { + serviceUrl:'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/', + settings: { commentSettings: { highlightCommentsByAuthor : true } } + }, }, provide: { //Inject require modules. From 9e578fbe93255c81b65be4f21a6be9ae5c73c6d1 Mon Sep 17 00:00:00 2001 From: Vellaisamy Auvudaiappan Date: Mon, 7 Sep 2026 14:16:56 +0530 Subject: [PATCH 3/4] Update Vue comments documentation --- Document-Processing/Word/Word-Processor/vue/comments.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/vue/comments.md b/Document-Processing/Word/Word-Processor/vue/comments.md index eb985fb827..06625bd94a 100644 --- a/Document-Processing/Word/Word-Processor/vue/comments.md +++ b/Document-Processing/Word/Word-Processor/vue/comments.md @@ -221,7 +221,7 @@ The following example illustrates how to enable mention support in the DOCX Edit export default { data() { return { serviceUrl:'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/', - settings: { mentionSettings: { dataSource: mentionData, fields: { text: 'Name' }} }}, + settings: { commentSettings: { highlightCommentsByAuthor : true } }}, }, provide: { //Inject require modules. @@ -289,7 +289,7 @@ let mentionData = [ { "Name": "Andrew Fuller", "EmailId": "andrew@company.com"} ]; provide('DocumentEditorContainer', [Toolbar]); -const settings= { mentionSettings: { dataSource: mentionData, fields: { text: 'Name' }} }; +const settings: { commentSettings: { highlightCommentsByAuthor : true } }; const beforeComment = function (args) { if(args.type === "Delete" && container.value.ej2Instances.currentUser !== args.author){ args.cancel = true; @@ -333,7 +333,7 @@ export default { }, data() { return { - settings: { mentionSettings: { dataSource: mentionData, fields: { text: 'Name' }} } + settings: { commentSettings: { highlightCommentsByAuthor : true } } } }, provide: { From 14b7ea49dd34fd25743f480f5347b674126fcdc8 Mon Sep 17 00:00:00 2001 From: Vellaisamy Auvudaiappan Date: Mon, 7 Sep 2026 14:18:19 +0530 Subject: [PATCH 4/4] Update Vue comments documentation --- Document-Processing/Word/Word-Processor/vue/comments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing/Word/Word-Processor/vue/comments.md b/Document-Processing/Word/Word-Processor/vue/comments.md index 06625bd94a..13aa9c0ab7 100644 --- a/Document-Processing/Word/Word-Processor/vue/comments.md +++ b/Document-Processing/Word/Word-Processor/vue/comments.md @@ -289,7 +289,7 @@ let mentionData = [ { "Name": "Andrew Fuller", "EmailId": "andrew@company.com"} ]; provide('DocumentEditorContainer', [Toolbar]); -const settings: { commentSettings: { highlightCommentsByAuthor : true } }; +const settings= { commentSettings: { highlightCommentsByAuthor : true } }; const beforeComment = function (args) { if(args.type === "Delete" && container.value.ej2Instances.currentUser !== args.author){ args.cancel = true;