From 8b470879bc5a0c1b33dccecf38614b8c0590ef5d Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Mon, 8 Jun 2026 16:48:16 +0530 Subject: [PATCH 1/2] Added Bidi UG for Ej2 platforms --- .../Word/Word-Processor/angular/text-format.md | 12 ++++++++++++ .../Word/Word-Processor/asp-net-core/text-format.md | 12 ++++++++++++ .../Word/Word-Processor/asp-net-mvc/text-format.md | 12 ++++++++++++ .../Word/Word-Processor/blazor/text-format.md | 11 +++++++++++ .../Word-Processor/javascript-es5/text-format.md | 12 ++++++++++++ .../Word-Processor/javascript-es6/text-format.md | 12 ++++++++++++ .../Word/Word-Processor/react/text-format.md | 12 ++++++++++++ .../Word/Word-Processor/vue/text-format.md | 12 ++++++++++++ 8 files changed, 95 insertions(+) diff --git a/Document-Processing/Word/Word-Processor/angular/text-format.md b/Document-Processing/Word/Word-Processor/angular/text-format.md index 6bd19804f3..506c984952 100644 --- a/Document-Processing/Word/Word-Processor/angular/text-format.md +++ b/Document-Processing/Word/Word-Processor/angular/text-format.md @@ -188,6 +188,18 @@ let highlightColor : HighlightColor = documenteditor.selection.characterFormat.h documenteditor.selection.characterFormat.highlightColor= 'Pink'; ``` +## Bidirectional (Bidi) + +The Bidi property controls whether selected text is displayed as right-to-left (RTL) or left-to-right (LTR) for proper multilingual formatting. You can get or set this property using the following code example. + +```typescript +// Get Bidi value of selected text +let bidi: boolean = documenteditor.selection.characterFormat.bidi; + +// Set Bidi for selected text +documenteditor.selection.characterFormat.bidi= true; +``` + ## Toolbar with options for text formatting Refer to the following example. diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/text-format.md b/Document-Processing/Word/Word-Processor/asp-net-core/text-format.md index cc1e3fcce1..2ad5c44587 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/text-format.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/text-format.md @@ -159,6 +159,18 @@ The highlight color of the selected text can be get or set using the following s documenteditor.selection.characterFormat.highlightColor= 'Pink'; ``` +## Bidirectional (Bidi) + +The Bidi property controls whether selected text is displayed as right-to-left (RTL) or left-to-right (LTR) for proper multilingual formatting. You can get or set this property using the following code example. + +```typescript +// Get Bidi value of selected text +let bidi: boolean = documenteditor.selection.characterFormat.bidi; + +// Set Bidi for selected text +documenteditor.selection.characterFormat.bidi= true; +``` + ## Toolbar with options for text formatting diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/text-format.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/text-format.md index 796c049cba..94993468de 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-mvc/text-format.md +++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/text-format.md @@ -159,6 +159,18 @@ The highlight color of the selected text can be get or set using the following s documenteditor.selection.characterFormat.highlightColor= 'Pink'; ``` +## Bidirectional (Bidi) + +The Bidi property controls whether selected text is displayed as right-to-left (RTL) or left-to-right (LTR) for proper multilingual formatting. You can get or set this property using the following code example. + +```typescript +// Get Bidi value of selected text +let bidi: boolean = documenteditor.selection.characterFormat.bidi; + +// Set Bidi for selected text +documenteditor.selection.characterFormat.bidi= true; +``` + ## Toolbar with options for text formatting diff --git a/Document-Processing/Word/Word-Processor/blazor/text-format.md b/Document-Processing/Word/Word-Processor/blazor/text-format.md index e354dd5ce9..84e87b1cd7 100644 --- a/Document-Processing/Word/Word-Processor/blazor/text-format.md +++ b/Document-Processing/Word/Word-Processor/blazor/text-format.md @@ -162,4 +162,15 @@ The highlight color of the selected text can be get or set using the following s await documentEditor.Selection.CharacterFormat.SetHighlightColorAsync(HighlightColor.Pink); ``` +## Bidirectional (Bidi) + +The Bidi property controls whether selected text is displayed as right-to-left (RTL) or left-to-right (LTR) for proper multilingual formatting. You can get or set this property using the following code example. + +```csharp +// Get Bidi value of selected text + +// Set Bidi for selected text + +``` + You can also explore our [Blazor Word Processor](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/default-functionalities) example to know how to render and configure the document editor. diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/text-format.md b/Document-Processing/Word/Word-Processor/javascript-es5/text-format.md index 9c29f3407d..eeb3f0177d 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/text-format.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/text-format.md @@ -190,6 +190,18 @@ documenteditor.selection.characterFormat.highlightColor = 'Pink'; N> 1. Character scaling and spacing present in the input Word document will be preserved in the exported Word document. N> 2. Scaling is implemented using the letterSpacing property, which may present compatibility problems. For more information, please refer to this [link](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/letterSpacing#browser_compatibility) +## Bidirectional (Bidi) + +The Bidi property controls whether selected text is displayed as right-to-left (RTL) or left-to-right (LTR) for proper multilingual formatting. You can get or set this property using the following code example. + +```js +// Get Bidi value of selected text +let bidi = documenteditor.selection.characterFormat.bidi; + +// Set Bidi for selected text +documenteditor.selection.characterFormat.bidi= true; +``` + ## Toolbar with options for text formatting Refer to the following example. diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/text-format.md b/Document-Processing/Word/Word-Processor/javascript-es6/text-format.md index e35903b983..937639ad84 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/text-format.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/text-format.md @@ -190,6 +190,18 @@ documenteditor.selection.characterFormat.highlightColor = 'Pink'; N> 1. Character scaling and spacing present in the input Word document will be preserved in the exported Word document. N> 2. Scaling is implemented using the letterSpacing property, which may present compatibility problems. For more information, please refer to this [link](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/letterSpacing#browser_compatibility) +## Bidirectional (Bidi) + +The Bidi property controls whether selected text is displayed as right-to-left (RTL) or left-to-right (LTR) for proper multilingual formatting. You can get or set this property using the following code example. + +```ts +// Get Bidi value of selected text +let bidi: boolean = documenteditor.selection.characterFormat.bidi; + +// Set Bidi for selected text +documenteditor.selection.characterFormat.bidi= true; +``` + ## Toolbar with options for text formatting Refer to the following example. diff --git a/Document-Processing/Word/Word-Processor/react/text-format.md b/Document-Processing/Word/Word-Processor/react/text-format.md index d4d60b6e50..1bc175d4fb 100644 --- a/Document-Processing/Word/Word-Processor/react/text-format.md +++ b/Document-Processing/Word/Word-Processor/react/text-format.md @@ -188,6 +188,18 @@ let highlightColor : HighlightColor = documenteditor.selection.characterFormat.h documenteditor.selection.characterFormat.highlightColor= 'Pink'; ``` +## Bidirectional (Bidi) + +The Bidi property controls whether selected text is displayed as right-to-left (RTL) or left-to-right (LTR) for proper multilingual formatting. You can get or set this property using the following code example. + +```ts +// Get Bidi value of selected text +let bidi: boolean = documenteditor.selection.characterFormat.bidi; + +// Set Bidi for selected text +documenteditor.selection.characterFormat.bidi= true; +``` + ## Toolbar with options for text formatting Refer to the following example. diff --git a/Document-Processing/Word/Word-Processor/vue/text-format.md b/Document-Processing/Word/Word-Processor/vue/text-format.md index 4a57ce0475..23186b4ba9 100644 --- a/Document-Processing/Word/Word-Processor/vue/text-format.md +++ b/Document-Processing/Word/Word-Processor/vue/text-format.md @@ -187,6 +187,18 @@ let highlightColor : HighlightColor = this.$refs.documenteditor.ej2instances.sel this.$refs.documenteditor.ej2Instances.selection.characterFormat.highlightColor= 'Pink'; ``` +## Bidirectional (Bidi) + +The Bidi property controls whether selected text is displayed as right-to-left (RTL) or left-to-right (LTR) for proper multilingual formatting. You can get or set this property using the following code example. + +```ts +// Get Bidi value of selected text +let bidi: boolean = this.$refs.documenteditor.ej2Instances.selection.characterFormat.bidi; + +// Set Bidi for selected text +this.$refs.documenteditor.ej2Instances.selection.characterFormat.bidi= true; +``` + ## Toolbar with options for text formatting Refer to the following example. From edb216804eaabf697ee50f7a0e74e644f9a347cc Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Mon, 8 Jun 2026 21:46:32 +0530 Subject: [PATCH 2/2] Addressed the feedbacks --- .../Word/Word-Processor/asp-net-core/text-format.md | 4 ++-- .../Word/Word-Processor/asp-net-mvc/text-format.md | 4 ++-- .../Word/Word-Processor/blazor/text-format.md | 11 ----------- .../Word/Word-Processor/javascript-es5/text-format.md | 4 ++-- 4 files changed, 6 insertions(+), 17 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/text-format.md b/Document-Processing/Word/Word-Processor/asp-net-core/text-format.md index 2ad5c44587..4ac449e70a 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/text-format.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/text-format.md @@ -165,8 +165,8 @@ The Bidi property controls whether selected text is displayed as right-to-left ( ```typescript // Get Bidi value of selected text -let bidi: boolean = documenteditor.selection.characterFormat.bidi; - +var bidi = documenteditor.selection.characterFormat.bidi; + // Set Bidi for selected text documenteditor.selection.characterFormat.bidi= true; ``` diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/text-format.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/text-format.md index 94993468de..02f3ca4eb9 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-mvc/text-format.md +++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/text-format.md @@ -165,8 +165,8 @@ The Bidi property controls whether selected text is displayed as right-to-left ( ```typescript // Get Bidi value of selected text -let bidi: boolean = documenteditor.selection.characterFormat.bidi; - +var bidi = documenteditor.selection.characterFormat.bidi; + // Set Bidi for selected text documenteditor.selection.characterFormat.bidi= true; ``` diff --git a/Document-Processing/Word/Word-Processor/blazor/text-format.md b/Document-Processing/Word/Word-Processor/blazor/text-format.md index 84e87b1cd7..e354dd5ce9 100644 --- a/Document-Processing/Word/Word-Processor/blazor/text-format.md +++ b/Document-Processing/Word/Word-Processor/blazor/text-format.md @@ -162,15 +162,4 @@ The highlight color of the selected text can be get or set using the following s await documentEditor.Selection.CharacterFormat.SetHighlightColorAsync(HighlightColor.Pink); ``` -## Bidirectional (Bidi) - -The Bidi property controls whether selected text is displayed as right-to-left (RTL) or left-to-right (LTR) for proper multilingual formatting. You can get or set this property using the following code example. - -```csharp -// Get Bidi value of selected text - -// Set Bidi for selected text - -``` - You can also explore our [Blazor Word Processor](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/default-functionalities) example to know how to render and configure the document editor. diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/text-format.md b/Document-Processing/Word/Word-Processor/javascript-es5/text-format.md index eeb3f0177d..3393978795 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/text-format.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/text-format.md @@ -196,8 +196,8 @@ The Bidi property controls whether selected text is displayed as right-to-left ( ```js // Get Bidi value of selected text -let bidi = documenteditor.selection.characterFormat.bidi; - +var bidi = documenteditor.selection.characterFormat.bidi; + // Set Bidi for selected text documenteditor.selection.characterFormat.bidi= true; ```