From 6b9a833909d6fb0dba193748cac12ac037ecccc5 Mon Sep 17 00:00:00 2001 From: SaranSF4541 Date: Tue, 30 Jun 2026 11:00:30 +0530 Subject: [PATCH 1/4] Task(1036520): Updating the restring editing documentation --- .../Word-Processor/react/restrict-editing.md | 42 ++++++++++++++----- 1 file changed, 32 insertions(+), 10 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/react/restrict-editing.md b/Document-Processing/Word/Word-Processor/react/restrict-editing.md index 1499443ec0..81547df0d2 100644 --- a/Document-Processing/Word/Word-Processor/react/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/react/restrict-editing.md @@ -256,31 +256,53 @@ container.documentEditor.currentUser = 'engineer@mycompany.com'; {% endhighlight %} {% endtabs %} -## Highlighting the text area +## Protect document with editable region +User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. +### Insert editable region +Use the `insertEditingRegion` API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. + +The following example shows how to insert an editable region. +{% tabs %} +{% highlight ts tabtitle="TS" %} + +// Allow editing for all users +container.documentEditor.editor.insertEditingRegion(); + +// pass a username to restrict access +container.documentEditor.editor.insertEditingRegion("User Name"); + +{% endhighlight %} +{% endtabs %} + +### Highlight color for editable region + The [userColor](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/index-default#usercolor) property can be used to highlight the editable region of the current user. The following code example demonstrates how to set the userColor. - + {% tabs %} {% highlight ts tabtitle="TS" %} - + container.documentEditor.userColor = '#fff000'; - + {% endhighlight %} {% endtabs %} - -The [highlightEditableRanges](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documenteditorsettingsmodel#highlighteditableranges) property can be used to toggle the highlighting of editable regions. - + +### Enable or disable editable region highlighting + +The [highlightEditableRanges](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documenteditorsettingsmodel#highlighteditableranges) property can be used to toggle the highlighting of editable regions. + The following code example demonstrates how to enable or disable editable region highlighting. - + {% tabs %} {% highlight ts tabtitle="TS" %} - + container.documentEditor.documentEditorSettings.highlightEditableRanges = true; - + {% endhighlight %} {% endtabs %} + ## Restrict Editing Pane From 6bbfa49d84e6a68614476372229816c3b96cedb0 Mon Sep 17 00:00:00 2001 From: SaranSF4541 Date: Tue, 30 Jun 2026 12:08:52 +0530 Subject: [PATCH 2/4] updating restrict editing module documentation --- .../angular/restrict-editing.md | 57 +++++++++++++----- .../asp-net-core/restrict-editing.md | 53 ++++++++++++++--- .../asp-net-mvc/restrict-editing.md | 53 ++++++++++++++--- .../javascript-es5/restrict-editing.md | 51 +++++++++++++--- .../javascript-es6/restrict-editing.md | 51 +++++++++++++--- .../Word-Processor/react/restrict-editing.md | 2 +- .../Word-Processor/vue/restrict-editing.md | 59 ++++++++++++++----- 7 files changed, 266 insertions(+), 60 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/restrict-editing.md b/Document-Processing/Word/Word-Processor/angular/restrict-editing.md index 6ff239e998..b3e50c0f34 100644 --- a/Document-Processing/Word/Word-Processor/angular/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/angular/restrict-editing.md @@ -22,23 +22,52 @@ The following code shows how to set currentUser this.container.documentEditor.currentUser = 'engineer@mycompany.com'; ``` -## Highlighting the text area +## Protect document with editable region +User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. -You can highlight the editable region of the current user using the `userColor` property. +### Insert editable region +Use the [insertEditingRegion](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#inserteditingregion) API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. -The following code shows how to set userColor. - -```typescript +The following example shows how to insert an editable region. +{% tabs %} +{% highlight ts tabtitle="TS" %} + +// Allow editing for all users +this.container.documentEditor.editor.insertEditingRegion(); + +// pass a username to restrict access +this.container.documentEditor.editor.insertEditingRegion("User Name"); + +{% endhighlight %} +{% endtabs %} + +### Highlight color for editable region + +The [userColor](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/index-default#usercolor) property can be used to highlight the editable region of the current user. + +The following code example demonstrates how to set the userColor. + +{% tabs %} +{% highlight ts tabtitle="TS" %} + this.container.documentEditor.userColor = '#fff000'; -``` - -You can toggle the highlight the editable region value using the "highlightEditableRanges" property. - -The following code shows how to toggle the highlight editable region value. - -```typescript -container.documentEditor.documentEditorSettings.highlightEditableRanges = true; -``` + +{% endhighlight %} +{% endtabs %} + +### Enable or disable editable region highlighting + +The [highlightEditableRanges](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/documenteditorsettingsmodel#highlighteditableranges) property can be used to toggle the highlighting of editable regions. + +The following code example demonstrates how to enable or disable editable region highlighting. + +{% tabs %} +{% highlight ts tabtitle="TS" %} + +this.container.documentEditor.documentEditorSettings.highlightEditableRanges = true; + +{% endhighlight %} +{% endtabs %} ## Restrict Editing Pane diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/restrict-editing.md b/Document-Processing/Word/Word-Processor/asp-net-core/restrict-editing.md index bc4b28b45e..23f05e0a8f 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/restrict-editing.md @@ -22,15 +22,52 @@ The following code shows how to set currentUser container.documentEditor.currentUser = 'engineer@mycompany.com'; ``` -## Highlighting the text area - -You can highlight the editable region of the current user using the `userColor` property. - -The following code shows how to set userColor. - -```typescript +## Protect document with editable region +User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. + +### Insert editable region +Use the `insertEditingRegion` API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. + +The following example shows how to insert an editable region. +{% tabs %} +{% highlight ts tabtitle="TS" %} + +// Allow editing for all users +container.documentEditor.editor.insertEditingRegion(); + +// pass a username to restrict access +container.documentEditor.editor.insertEditingRegion("User Name"); + +{% endhighlight %} +{% endtabs %} + +### Highlight color for editable region + +The `userColor` property can be used to highlight the editable region of the current user. + +The following code example demonstrates how to set the userColor. + +{% tabs %} +{% highlight ts tabtitle="TS" %} + container.documentEditor.userColor = '#fff000'; -``` + +{% endhighlight %} +{% endtabs %} + +### Enable or disable editable region highlighting + +The `highlightEditableRanges` property can be used to toggle the highlighting of editable regions. + +The following code example demonstrates how to enable or disable editable region highlighting. + +{% tabs %} +{% highlight ts tabtitle="TS" %} + +container.documentEditor.documentEditorSettings.highlightEditableRanges = true; + +{% endhighlight %} +{% endtabs %} ## Restrict Editing Pane diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/restrict-editing.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/restrict-editing.md index 537a77a84c..9f9ffd2139 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-mvc/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/restrict-editing.md @@ -22,15 +22,52 @@ The following code shows how to set currentUser container.documentEditor.currentUser = 'engineer@mycompany.com'; ``` -## Highlighting the text area - -You can highlight the editable region of the current user using the `userColor` property. - -The following code shows how to set userColor. - -```typescript +## Protect document with editable region +User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. + +### Insert editable region +Use the `insertEditingRegion` API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. + +The following example shows how to insert an editable region. +{% tabs %} +{% highlight ts tabtitle="TS" %} + +// Allow editing for all users +container.documentEditor.editor.insertEditingRegion(); + +// pass a username to restrict access +container.documentEditor.editor.insertEditingRegion("User Name"); + +{% endhighlight %} +{% endtabs %} + +### Highlight color for editable region + +The `userColor` property can be used to highlight the editable region of the current user. + +The following code example demonstrates how to set the userColor. + +{% tabs %} +{% highlight ts tabtitle="TS" %} + container.documentEditor.userColor = '#fff000'; -``` + +{% endhighlight %} +{% endtabs %} + +### Enable or disable editable region highlighting + +The `highlightEditableRanges` property can be used to toggle the highlighting of editable regions. + +The following code example demonstrates how to enable or disable editable region highlighting. + +{% tabs %} +{% highlight ts tabtitle="TS" %} + +container.documentEditor.documentEditorSettings.highlightEditableRanges = true; + +{% endhighlight %} +{% endtabs %} ## Restrict Editing Pane diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/restrict-editing.md b/Document-Processing/Word/Word-Processor/javascript-es5/restrict-editing.md index 9a49171a16..253ae18dda 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/restrict-editing.md @@ -22,15 +22,52 @@ The following code shows how to set currentUser documentEditor.currentUser = 'engineer@mycompany.com'; ``` -## Highlighting the text area +## Protect document with editable region +User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. -You can highlight the editable region of the current user using the [`userColor`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#usercolor) property. +### Insert editable region +Use the [insertEditingRegion](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor#inserteditingregion) API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. -The following code shows how to set userColor. - -```ts -documentEditor.userColor = '#fff000'; -``` +The following example shows how to insert an editable region. +{% tabs %} +{% highlight ts tabtitle="TS" %} + +// Allow editing for all users +container.documentEditor.editor.insertEditingRegion(); + +// pass a username to restrict access +container.documentEditor.editor.insertEditingRegion("User Name"); + +{% endhighlight %} +{% endtabs %} + +### Highlight color for editable region + +The [userColor](https://ej2.syncfusion.com/javascript/documentation/api/document-editor-container/index-default#usercolor) property can be used to highlight the editable region of the current user. + +The following code example demonstrates how to set the userColor. + +{% tabs %} +{% highlight ts tabtitle="TS" %} + +container.documentEditor.userColor = '#fff000'; + +{% endhighlight %} +{% endtabs %} + +### Enable or disable editable region highlighting + +The [highlightEditableRanges](https://ej2.syncfusion.com/javascript/documentation/api/document-editor-container/documenteditorsettingsmodel#highlighteditableranges) property can be used to toggle the highlighting of editable regions. + +The following code example demonstrates how to enable or disable editable region highlighting. + +{% tabs %} +{% highlight ts tabtitle="TS" %} + +container.documentEditor.documentEditorSettings.highlightEditableRanges = true; + +{% endhighlight %} +{% endtabs %} ## Restrict Editing Pane diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/restrict-editing.md b/Document-Processing/Word/Word-Processor/javascript-es6/restrict-editing.md index 04c9a562df..42aab1bcfc 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/restrict-editing.md @@ -22,15 +22,52 @@ The following code shows how to set currentUser documentEditor.currentUser = 'engineer@mycompany.com'; ``` -## Highlighting the text area +## Protect document with editable region +User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. -You can highlight the editable region of the current user using the [`userColor`](https://ej2.syncfusion.com/documentation/api/document-editor#usercolor) property. +### Insert editable region +Use the [insertEditingRegion](https://ej2.syncfusion.com/documentation/api/document-editor/editor#inserteditingregion) API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. -The following code shows how to set userColor. - -```ts -documentEditor.userColor = '#fff000'; -``` +The following example shows how to insert an editable region. +{% tabs %} +{% highlight ts tabtitle="TS" %} + +// Allow editing for all users +container.documentEditor.editor.insertEditingRegion(); + +// pass a username to restrict access +container.documentEditor.editor.insertEditingRegion("User Name"); + +{% endhighlight %} +{% endtabs %} + +### Highlight color for editable region + +The [userColor](https://ej2.syncfusion.com/documentation/api/document-editor-container/index-default#usercolor) property can be used to highlight the editable region of the current user. + +The following code example demonstrates how to set the userColor. + +{% tabs %} +{% highlight ts tabtitle="TS" %} + +container.documentEditor.userColor = '#fff000'; + +{% endhighlight %} +{% endtabs %} + +### Enable or disable editable region highlighting + +The [highlightEditableRanges](https://ej2.syncfusion.com/documentation/api/document-editor-container/documenteditorsettingsmodel#highlighteditableranges) property can be used to toggle the highlighting of editable regions. + +The following code example demonstrates how to enable or disable editable region highlighting. + +{% tabs %} +{% highlight ts tabtitle="TS" %} + +container.documentEditor.documentEditorSettings.highlightEditableRanges = true; + +{% endhighlight %} +{% endtabs %} ## Restrict Editing Pane diff --git a/Document-Processing/Word/Word-Processor/react/restrict-editing.md b/Document-Processing/Word/Word-Processor/react/restrict-editing.md index 81547df0d2..183bd465bb 100644 --- a/Document-Processing/Word/Word-Processor/react/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/react/restrict-editing.md @@ -260,7 +260,7 @@ container.documentEditor.currentUser = 'engineer@mycompany.com'; User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. ### Insert editable region -Use the `insertEditingRegion` API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. +Use the [insertEditingRegion](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#inserteditingregion) API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. The following example shows how to insert an editable region. {% tabs %} diff --git a/Document-Processing/Word/Word-Processor/vue/restrict-editing.md b/Document-Processing/Word/Word-Processor/vue/restrict-editing.md index 9cedc909ed..b563759b9c 100644 --- a/Document-Processing/Word/Word-Processor/vue/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/vue/restrict-editing.md @@ -22,23 +22,52 @@ The following code shows how to set currentUser this.$refs.doceditcontainer.ej2Instances.documentEditor.currentUser = 'engineer@mycompany.com'; ``` -## Highlighting the text area +## Protect document with editable region +User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. -You can highlight the editable region of the current user using the `userColor` property. +### Insert editable region +Use the [insertEditingRegion](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor#inserteditingregion) API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. -The following code shows how to set userColor. - -```javascript -this.$refs.doceditcontainer.ej2Instances.documentEditor..userColor = '#fff000'; -``` - -You can toggle the highlight the editable region value using the "highlightEditableRanges" property. - -The following code shows how to toggle the highlight editable region value. - -```javascript -this.$refs.doceditcontainer.ej2Instances.documentEditor.documentEditorSettings.highlightEditableRanges = true; -``` +The following example shows how to insert an editable region. +{% tabs %} +{% highlight ts tabtitle="JS" %} + +// Allow editing for all users +this.$refs.doceditcontainer.ej2Instances.documentEditor.editor.insertEditingRegion(); + +// pass a username to restrict access +this.$refs.doceditcontainer.ej2Instances.documentEditor.editor.insertEditingRegion("User Name"); + +{% endhighlight %} +{% endtabs %} + +### Highlight color for editable region + +The [userColor](https://ej2.syncfusion.com/vue/documentation/api/document-editor-container/index-default#usercolor) property can be used to highlight the editable region of the current user. + +The following code example demonstrates how to set the userColor. + +{% tabs %} +{% highlight ts tabtitle="JS" %} + +this.$refs.doceditcontainer.ej2Instances.documentEditor.userColor = '#fff000'; + +{% endhighlight %} +{% endtabs %} + +### Enable or disable editable region highlighting + +The [highlightEditableRanges](https://ej2.syncfusion.com/vue/documentation/api/document-editor-container/documenteditorsettingsmodel#highlighteditableranges) property can be used to toggle the highlighting of editable regions. + +The following code example demonstrates how to enable or disable editable region highlighting. + +{% tabs %} +{% highlight ts tabtitle="JS" %} + +this.$refs.doceditcontainer.ej2Instances.documentEditor.documentEditorSettings.highlightEditableRanges = true; + +{% endhighlight %} +{% endtabs %} ## Restrict Editing Pane From 3ec871028c0ea135361d49b03621aab27bd4d70f Mon Sep 17 00:00:00 2001 From: SaranSF4541 Date: Tue, 30 Jun 2026 18:38:19 +0530 Subject: [PATCH 3/4] updating restrict editing API details --- .../angular/restrict-editing.md | 2 +- .../asp-net-core/restrict-editing.md | 2 +- .../asp-net-mvc/restrict-editing.md | 2 +- .../Word-Processor/blazor/restrict-editing.md | 43 +++++++++++++++++-- .../javascript-es5/restrict-editing.md | 2 +- .../javascript-es6/restrict-editing.md | 2 +- .../Word-Processor/react/restrict-editing.md | 2 +- .../Word-Processor/vue/restrict-editing.md | 2 +- 8 files changed, 46 insertions(+), 11 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/restrict-editing.md b/Document-Processing/Word/Word-Processor/angular/restrict-editing.md index b3e50c0f34..103be26a44 100644 --- a/Document-Processing/Word/Word-Processor/angular/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/angular/restrict-editing.md @@ -26,7 +26,7 @@ this.container.documentEditor.currentUser = 'engineer@mycompany.com'; User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. ### Insert editable region -Use the [insertEditingRegion](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#inserteditingregion) API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. +Use the [insertEditingRegion](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor#inserteditingregion) method to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. The following example shows how to insert an editable region. {% tabs %} diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/restrict-editing.md b/Document-Processing/Word/Word-Processor/asp-net-core/restrict-editing.md index 23f05e0a8f..a694517da1 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/restrict-editing.md @@ -26,7 +26,7 @@ container.documentEditor.currentUser = 'engineer@mycompany.com'; User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. ### Insert editable region -Use the `insertEditingRegion` API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. +Use the `insertEditingRegion` method to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. The following example shows how to insert an editable region. {% tabs %} diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/restrict-editing.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/restrict-editing.md index 9f9ffd2139..0bdb1d6406 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-mvc/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/restrict-editing.md @@ -26,7 +26,7 @@ container.documentEditor.currentUser = 'engineer@mycompany.com'; User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. ### Insert editable region -Use the `insertEditingRegion` API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. +Use the `insertEditingRegion` method to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. The following example shows how to insert an editable region. {% tabs %} diff --git a/Document-Processing/Word/Word-Processor/blazor/restrict-editing.md b/Document-Processing/Word/Word-Processor/blazor/restrict-editing.md index ece7464b32..a7df4d7529 100644 --- a/Document-Processing/Word/Word-Processor/blazor/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/blazor/restrict-editing.md @@ -33,13 +33,48 @@ The following code example shows how to restrict or protect editing for the enti } ``` -## Allows changes to certain portion of the document +## Protect document with editable region +User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. -Also, at some situations, you might need to allow changes for a certain portion of the document alone. Microsoft Word allows you to [make changes to parts of a Word document](https://support.microsoft.com/en-us/office/allow-changes-to-parts-of-a-protected-document-187ed01c-8795-43e1-9fd0-c9fca419dadf?ui=en-us&rs=en-us&ad=us). Likewise, the document editor control allows the users to make changes to certain parts of a document using similar user interface. +### Insert editable region +Use the [InsertEditingRegionAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_InsertEditingRegionAsync) method to mark specific paragraphs as editable.This allows you to control editing by giving access to all users -![Disabling Restrict Editing in Blazor DocumentEditor](./images/blazor-document-editor-disable-edit-restriction.png) +The following example shows how to insert an editable region. +```cshtml + +container.DocumentEditor.Editor.InsertEditingRegionAsync(); + +``` + +### Highlight color for editable region + +The [UserColor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SfDocumentEditor.html#Syncfusion_Blazor_DocumentEditor_SfDocumentEditor_UserColor) property can be used to highlight the editable region of the current user. + +The following code example demonstrates how to set the userColor. + +```cshtml + + + +``` + +### Enable or disable editable region highlighting + +The [HighlightEditableRanges](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.DocumentEditorSettingsModel.html#Syncfusion_Blazor_DocumentEditor_DocumentEditorSettingsModel_HighlightEditableRanges) property can be used to toggle the highlighting of editable regions. + +The following code example demonstrates how to enable or disable editable region highlighting. + +```cshtml + + -![Enabling Restrict Editing in Blazor DocumentEditor](./images/blazor-document-editor-enable-edit-restriction.png) +@code { + + //Disables the highlighting of the editable ranges in Syncfusion Word Processor (Document editor) + public DocumentEditorSettingsModel settings = new DocumentEditorSettingsModel() { HighlightEditableRanges = false }; +} + +``` ## Online Demo diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/restrict-editing.md b/Document-Processing/Word/Word-Processor/javascript-es5/restrict-editing.md index 253ae18dda..40eac4d486 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/restrict-editing.md @@ -26,7 +26,7 @@ documentEditor.currentUser = 'engineer@mycompany.com'; User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. ### Insert editable region -Use the [insertEditingRegion](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor#inserteditingregion) API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. +Use the [insertEditingRegion](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor#inserteditingregion) method to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. The following example shows how to insert an editable region. {% tabs %} diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/restrict-editing.md b/Document-Processing/Word/Word-Processor/javascript-es6/restrict-editing.md index 42aab1bcfc..569414506d 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/restrict-editing.md @@ -26,7 +26,7 @@ documentEditor.currentUser = 'engineer@mycompany.com'; User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. ### Insert editable region -Use the [insertEditingRegion](https://ej2.syncfusion.com/documentation/api/document-editor/editor#inserteditingregion) API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. +Use the [insertEditingRegion](https://ej2.syncfusion.com/documentation/api/document-editor/editor#inserteditingregion) method to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. The following example shows how to insert an editable region. {% tabs %} diff --git a/Document-Processing/Word/Word-Processor/react/restrict-editing.md b/Document-Processing/Word/Word-Processor/react/restrict-editing.md index 183bd465bb..4f5ce55d64 100644 --- a/Document-Processing/Word/Word-Processor/react/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/react/restrict-editing.md @@ -260,7 +260,7 @@ container.documentEditor.currentUser = 'engineer@mycompany.com'; User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. ### Insert editable region -Use the [insertEditingRegion](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#inserteditingregion) API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. +Use the [insertEditingRegion](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#inserteditingregion) method to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. The following example shows how to insert an editable region. {% tabs %} diff --git a/Document-Processing/Word/Word-Processor/vue/restrict-editing.md b/Document-Processing/Word/Word-Processor/vue/restrict-editing.md index b563759b9c..68947e0c9c 100644 --- a/Document-Processing/Word/Word-Processor/vue/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/vue/restrict-editing.md @@ -26,7 +26,7 @@ this.$refs.doceditcontainer.ej2Instances.documentEditor.currentUser = 'engineer@ User can select a specific section and mark it as an editable region, allowing modification only in that part. The rest of the document remains protected from any changes. ### Insert editable region -Use the [insertEditingRegion](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor#inserteditingregion) API to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. +Use the [insertEditingRegion](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor#inserteditingregion) method to mark specific paragraphs as editable.This allows you to control editing by giving access to all users or only selected users. The following example shows how to insert an editable region. {% tabs %} From 0db534df1a027c277b17b94795fed59c2a8d7fd5 Mon Sep 17 00:00:00 2001 From: SaranNagaraj Date: Tue, 30 Jun 2026 19:00:21 +0530 Subject: [PATCH 4/4] removing unwanted changes --- .../Word/Word-Processor/blazor/restrict-editing.md | 1 - 1 file changed, 1 deletion(-) diff --git a/Document-Processing/Word/Word-Processor/blazor/restrict-editing.md b/Document-Processing/Word/Word-Processor/blazor/restrict-editing.md index a7df4d7529..c5025297e2 100644 --- a/Document-Processing/Word/Word-Processor/blazor/restrict-editing.md +++ b/Document-Processing/Word/Word-Processor/blazor/restrict-editing.md @@ -70,7 +70,6 @@ The following code example demonstrates how to enable or disable editable region @code { - //Disables the highlighting of the editable ranges in Syncfusion Word Processor (Document editor) public DocumentEditorSettingsModel settings = new DocumentEditorSettingsModel() { HighlightEditableRanges = false }; }