From c4e5bc7f551e396460196bb798cf1c7be7a8f6ae Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Sun, 6 Sep 2026 19:21:28 +0530 Subject: [PATCH 1/3] 1052603 - Document custom colors for track changes feature Added section on custom colors for track changes in DOCX editor. --- .../Word/Word-Processor/angular/track-changes.md | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/Document-Processing/Word/Word-Processor/angular/track-changes.md b/Document-Processing/Word/Word-Processor/angular/track-changes.md index 3cd5a485fe..387bcccb64 100644 --- a/Document-Processing/Word/Word-Processor/angular/track-changes.md +++ b/Document-Processing/Word/Word-Processor/angular/track-changes.md @@ -245,7 +245,23 @@ export class AppComponent implements OnInit { } } ``` +## Custom Colors for Track Changes +You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor. +Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on. +If there are more authors than colors, the assignment starts again from the beginning of the array. + +The following example illustrates how to set the color order for track changes in the DOCX Editor +```typescript +ngOnInit() { + this.container.documentEditorSettings.revisionSettings.revisionColors = [ + '#0e76b1', + '#bb00ff', + '#c14f16' + ]; +} +``` + ## Online Demo Explore how to track and review changes in Word documents using the Angular DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/track-changes). From d5f0d87d70c2062bba6812c6c36ba6097896a7cb Mon Sep 17 00:00:00 2001 From: Vellaisamy Auvudaiappan Date: Mon, 7 Sep 2026 13:25:38 +0530 Subject: [PATCH 2/3] 1052603-modified to single line Custom Colors for tc in track-changes file --- .../Word/Word-Processor/angular/track-changes.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/track-changes.md b/Document-Processing/Word/Word-Processor/angular/track-changes.md index 387bcccb64..1035a76672 100644 --- a/Document-Processing/Word/Word-Processor/angular/track-changes.md +++ b/Document-Processing/Word/Word-Processor/angular/track-changes.md @@ -247,9 +247,7 @@ export class AppComponent implements OnInit { ``` ## Custom Colors for Track Changes -You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor. -Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on. -If there are more authors than colors, the assignment starts again from the beginning of the array. +You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor. Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on. If there are more authors than colors, the assignment starts again from the beginning of the array. The following example illustrates how to set the color order for track changes in the DOCX Editor ```typescript From 69b0c3f877a4fea28a74c538813e6e0ae9f45dc2 Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Thu, 10 Sep 2026 12:39:33 +0530 Subject: [PATCH 3/3] Refactor track changes example with Angular component Updated the example code for setting track change colors in the DOCX editor. Added Angular component structure and initialization logic. --- .../Word-Processor/angular/track-changes.md | 44 ++++++++++++++++--- 1 file changed, 38 insertions(+), 6 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/track-changes.md b/Document-Processing/Word/Word-Processor/angular/track-changes.md index 1035a76672..2f834512b4 100644 --- a/Document-Processing/Word/Word-Processor/angular/track-changes.md +++ b/Document-Processing/Word/Word-Processor/angular/track-changes.md @@ -251,12 +251,44 @@ You can set an array of colors to show track changes such as insertions and dele The following example illustrates how to set the color order for track changes in the DOCX Editor ```typescript -ngOnInit() { - this.container.documentEditorSettings.revisionSettings.revisionColors = [ - '#0e76b1', - '#bb00ff', - '#c14f16' - ]; +import { Component, ViewChild, AfterViewInit } from '@angular/core'; +import { + DocumentEditorContainerComponent, + DocumentEditorContainerModule, + ToolbarService +} from '@syncfusion/ej2-angular-documenteditor'; + +@Component({ + selector: 'app-root', + standalone: true, + imports: [DocumentEditorContainerModule], + providers: [ToolbarService], + template: ` + + + ` +}) +export class App implements AfterViewInit { + + @ViewChild('container') + public container!: DocumentEditorContainerComponent; + + ngAfterViewInit(): void { + if(this.container!=null && this.container.documentEditorSettings != null && + this.container.documentEditorSettings.revisionSettings != null) { + this.container.documentEditorSettings.revisionSettings.revisionColors = [ + '#047a18', + '#bb00ff', + '#c14f16' + ]; + } + + this.container.documentEditor.resize(); + } } ```