From f4a507358e2b5ccc73632071d22e4be9f2ac25cf Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Fri, 4 Sep 2026 15:41:32 +0530 Subject: [PATCH 1/9] Document comment highlighting feature details Added section on highlighting comments by author and provided example code. --- .../Word/Word-Processor/react/comments.md | 21 +++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md index 201cacb53b..7476f794ea 100644 --- a/Document-Processing/Word/Word-Processor/react/comments.md +++ b/Document-Processing/Word/Word-Processor/react/comments.md @@ -222,6 +222,27 @@ createRoot(document.getElementById('sample')).render(); > 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 +Bu enable 'highlightCommentsByAuthor' as true each comment marker and pane border is displayed in the author’s avatar color. +When a comment is selected, the corresponding text is highlighted in that color. +If multiple comments occur 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 +let settings = { highlightCommentsByAuthor : true }; + return ( + + ); +``` + ## Events DocumentEditor provides the [beforeCommentAction](https://ej2.syncfusion.com/react/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/react/documentation/api/document-editor/commentactioneventargs) object as an argument, which allows access to information about the comment. From 76d053d60c9c2b4de7e64324eda4506a7c204c92 Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Fri, 4 Sep 2026 16:02:30 +0530 Subject: [PATCH 2/9] Fix typo in highlight comments by author section Corrected the phrasing for enabling comment highlights by author in the documentation. --- Document-Processing/Word/Word-Processor/react/comments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md index 7476f794ea..0f28022da4 100644 --- a/Document-Processing/Word/Word-Processor/react/comments.md +++ b/Document-Processing/Word/Word-Processor/react/comments.md @@ -223,7 +223,7 @@ createRoot(document.getElementById('sample')).render(); > 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 -Bu enable 'highlightCommentsByAuthor' as true each comment marker and pane border is displayed in the author’s avatar color. +By enable 'highlightCommentsByAuthor' as true each comment marker and pane border is displayed in the author’s avatar color. When a comment is selected, the corresponding text is highlighted in that color. If multiple comments occur on the same line, the marker retains the first author’s avatar color. From 33587cb331acb29cb0e5aeb1aaba859e57dd3db1 Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Fri, 4 Sep 2026 16:08:23 +0530 Subject: [PATCH 3/9] Clarify highlight comments by author feature Reworded the explanation for highlighting comments by author for clarity. --- Document-Processing/Word/Word-Processor/react/comments.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md index 0f28022da4..ab7800ab17 100644 --- a/Document-Processing/Word/Word-Processor/react/comments.md +++ b/Document-Processing/Word/Word-Processor/react/comments.md @@ -223,9 +223,8 @@ createRoot(document.getElementById('sample')).render(); > 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 -By enable 'highlightCommentsByAuthor' as true each comment marker and pane border is displayed in the author’s avatar color. -When a comment is selected, the corresponding text is highlighted in that color. -If multiple comments occur 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 From 36f2e50e1e684350bebc77b18413d178d3226d8c Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Fri, 4 Sep 2026 16:30:00 +0530 Subject: [PATCH 4/9] Update comments.md to include author highlight feature Added information on highlighting comments by author in DOCX Editor. --- Document-Processing/Word/Word-Processor/react/comments.md | 1 + 1 file changed, 1 insertion(+) diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md index ab7800ab17..116d9583d7 100644 --- a/Document-Processing/Word/Word-Processor/react/comments.md +++ b/Document-Processing/Word/Word-Processor/react/comments.md @@ -223,6 +223,7 @@ createRoot(document.getElementById('sample')).render(); > 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. From 2c46848a2c72d2c59fa0b40b29603fe22c54d1a1 Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Sun, 6 Sep 2026 18:28:03 +0530 Subject: [PATCH 5/9] Revise highlightCommentsByAuthor settings in comments.md Updated the comment highlighting settings with reviewed API in the DOCX Editor documentation. --- Document-Processing/Word/Word-Processor/react/comments.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md index 116d9583d7..9eb794ee82 100644 --- a/Document-Processing/Word/Word-Processor/react/comments.md +++ b/Document-Processing/Word/Word-Processor/react/comments.md @@ -224,13 +224,12 @@ createRoot(document.getElementById('sample')).render(); ## 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 ```typescript -let settings = { highlightCommentsByAuthor : true }; +let settings = { commentSettings: { highlightCommentsByAuthor : true } }; return ( Date: Mon, 7 Sep 2026 12:33:58 +0530 Subject: [PATCH 6/9] changed the settings line in comments.md file --- .../Word/Word-Processor/react/comments.md | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md index 9eb794ee82..88c2053503 100644 --- a/Document-Processing/Word/Word-Processor/react/comments.md +++ b/Document-Processing/Word/Word-Processor/react/comments.md @@ -196,10 +196,7 @@ function App() { { Name: 'Andrew James', EmailId: 'james@company.com' }, { Name: 'Andrew Fuller', EmailId: 'andrew@company.com' }, ]; - let settings = { - showRuler: true, - mentionSettings: { dataSource: mentionData, fields: { text: 'Name' } }, - }; + let settings = {commentSettings: { highlightCommentsByAuthor : true }}; return (
{ { Name: 'Andrew James', EmailId: 'james@company.com' }, { Name: 'Andrew Fuller', EmailId: 'andrew@company.com' }, ]; - let settings = { - showRuler: true, - mentionSettings: { dataSource: mentionData, fields: { text: 'Name' } }, - }; + let settings = {commentSettings: { highlightCommentsByAuthor : true }}; // Event is triggered on comment actions such as Post, edit, reply, resolve, and reopen function beforeComment(args: CommentActionEventArgs) { From 732b52e8b736a30204562a88f5f8fdb555935800 Mon Sep 17 00:00:00 2001 From: Vellaisamy Auvudaiappan Date: Mon, 7 Sep 2026 12:38:09 +0530 Subject: [PATCH 7/9] removed the changes --- .../Word/Word-Processor/react/comments.md | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md index 88c2053503..9eb794ee82 100644 --- a/Document-Processing/Word/Word-Processor/react/comments.md +++ b/Document-Processing/Word/Word-Processor/react/comments.md @@ -196,7 +196,10 @@ function App() { { Name: 'Andrew James', EmailId: 'james@company.com' }, { Name: 'Andrew Fuller', EmailId: 'andrew@company.com' }, ]; - let settings = {commentSettings: { highlightCommentsByAuthor : true }}; + let settings = { + showRuler: true, + mentionSettings: { dataSource: mentionData, fields: { text: 'Name' } }, + }; return (
{ { Name: 'Andrew James', EmailId: 'james@company.com' }, { Name: 'Andrew Fuller', EmailId: 'andrew@company.com' }, ]; - let settings = {commentSettings: { highlightCommentsByAuthor : true }}; + let settings = { + showRuler: true, + mentionSettings: { dataSource: mentionData, fields: { text: 'Name' } }, + }; // Event is triggered on comment actions such as Post, edit, reply, resolve, and reopen function beforeComment(args: CommentActionEventArgs) { From eafdfda29202de3680d9333ec3e0ab23c67fc3ba Mon Sep 17 00:00:00 2001 From: Vellaisamy Auvudaiappan Date: Mon, 7 Sep 2026 12:46:34 +0530 Subject: [PATCH 8/9] Update React comments documentation --- .../Word/Word-Processor/react/comments.md | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md index 9eb794ee82..c7312fd498 100644 --- a/Document-Processing/Word/Word-Processor/react/comments.md +++ b/Document-Processing/Word/Word-Processor/react/comments.md @@ -196,10 +196,7 @@ function App() { { Name: 'Andrew James', EmailId: 'james@company.com' }, { Name: 'Andrew Fuller', EmailId: 'andrew@company.com' }, ]; - let settings = { - showRuler: true, - mentionSettings: { dataSource: mentionData, fields: { text: 'Name' } }, - }; + let settings = {commentSettings: { highlightCommentsByAuthor : true }}; return (
{ { Name: 'Andrew James', EmailId: 'james@company.com' }, { Name: 'Andrew Fuller', EmailId: 'andrew@company.com' }, ]; - let settings = { - showRuler: true, - mentionSettings: { dataSource: mentionData, fields: { text: 'Name' } }, - }; + let settings = {commentSettings: { highlightCommentsByAuthor : true }}; // Event is triggered on comment actions such as Post, edit, reply, resolve, and reopen function beforeComment(args: CommentActionEventArgs) { From 288d52cb691979e4671d3b3288e328b4060eb869 Mon Sep 17 00:00:00 2001 From: Vellaisamy Auvudaiappan Date: Mon, 7 Sep 2026 12:54:04 +0530 Subject: [PATCH 9/9] Update React comments documentation --- Document-Processing/Word/Word-Processor/react/comments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing/Word/Word-Processor/react/comments.md b/Document-Processing/Word/Word-Processor/react/comments.md index c7312fd498..190bf52fe6 100644 --- a/Document-Processing/Word/Word-Processor/react/comments.md +++ b/Document-Processing/Word/Word-Processor/react/comments.md @@ -267,7 +267,7 @@ const Default = () => { { Name: 'Andrew James', EmailId: 'james@company.com' }, { Name: 'Andrew Fuller', EmailId: 'andrew@company.com' }, ]; - let settings = {commentSettings: { highlightCommentsByAuthor : true }}; + let settings = {commentSettings: { highlightCommentsByAuthor : true }}; // Event is triggered on comment actions such as Post, edit, reply, resolve, and reopen function beforeComment(args: CommentActionEventArgs) {