From 8ce8a021e36db491db5caadecf35074f958b7fae Mon Sep 17 00:00:00 2001
From: NiranjanAnumuthu21 <niranjan.anumuthu@syncfusion.com>
Date: Thu, 7 Aug 2025 10:16:05 +0530
Subject: [PATCH] 955200: Added the change case and get styles

---
 ej2-asp-core-mvc/document-editor/styles.md    | 31 ++++++++++++++-----
 .../document-editor/text-format.md            | 14 +++++++--
 2 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/ej2-asp-core-mvc/document-editor/styles.md b/ej2-asp-core-mvc/document-editor/styles.md
index c47435895e..521a7131bf 100644
--- a/ej2-asp-core-mvc/document-editor/styles.md
+++ b/ej2-asp-core-mvc/document-editor/styles.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Styles in ##Platform_Name## Document Editor Component
+title: Styles in ##Platform_Name## Document Editor Component | Syncfusion
 description: Learn here all about styles in Syncfusion ##Platform_Name## Document Editor component of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: Styles
@@ -80,7 +80,8 @@ New Styles are defined and added to the style collection of the document. In thi
 {% include code-snippet/document-editor/character-style/tagHelper %}
 {% endhighlight %}
 {% highlight c# tabtitle="Character-style.cs" %}
-{% endhighlight %}{% endtabs %}
+{% endhighlight %}
+{% endtabs %}
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
@@ -89,7 +90,8 @@ New Styles are defined and added to the style collection of the document. In thi
 {% include code-snippet/document-editor/character-style/razor %}
 {% endhighlight %}
 {% highlight c# tabtitle="Character-style.cs" %}
-{% endhighlight %}{% endtabs %}
+{% endhighlight %}
+{% endtabs %}
 {% endif %}
 
 
@@ -103,7 +105,8 @@ New Styles are defined and added to the style collection of the document. In thi
 {% include code-snippet/document-editor/paragraph-style/tagHelper %}
 {% endhighlight %}
 {% highlight c# tabtitle="Paragraph-style.cs" %}
-{% endhighlight %}{% endtabs %}
+{% endhighlight %}
+{% endtabs %}
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
@@ -112,7 +115,8 @@ New Styles are defined and added to the style collection of the document. In thi
 {% include code-snippet/document-editor/paragraph-style/razor %}
 {% endhighlight %}
 {% highlight c# tabtitle="Paragraph-style.cs" %}
-{% endhighlight %}{% endtabs %}
+{% endhighlight %}
+{% endtabs %}
 {% endif %}
 
 
@@ -126,7 +130,8 @@ New Styles are defined and added to the style collection of the document. In thi
 {% include code-snippet/document-editor/linked-style/tagHelper %}
 {% endhighlight %}
 {% highlight c# tabtitle="Linked-style.cs" %}
-{% endhighlight %}{% endtabs %}
+{% endhighlight %}
+{% endtabs %}
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
@@ -135,7 +140,8 @@ New Styles are defined and added to the style collection of the document. In thi
 {% include code-snippet/document-editor/linked-style/razor %}
 {% endhighlight %}
 {% highlight c# tabtitle="Linked-style.cs" %}
-{% endhighlight %}{% endtabs %}
+{% endhighlight %}
+{% endtabs %}
 {% endif %}
 
 
@@ -155,3 +161,14 @@ documenteditor.editor.applyStyle('New Linked');
 //Clear direct formatting and apply the specified style
 documenteditor.editor.applyStyle('New Linked', true);
 ```
+
+## Get Styles
+
+You can get the styles in the document using the below code snippet.
+
+```typescript
+//Get paragraph styles
+var paragraphStyles = documentEditor.getStyles('Paragraph');
+//Get character styles
+var characterStyles = documentEditor.getStyles('Character');
+```
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/document-editor/text-format.md b/ej2-asp-core-mvc/document-editor/text-format.md
index a3e466ac07..801d14c72b 100644
--- a/ej2-asp-core-mvc/document-editor/text-format.md
+++ b/ej2-asp-core-mvc/document-editor/text-format.md
@@ -106,6 +106,14 @@ You can make a subscript or superscript text as normal using the following code.
 documenteditor.selection.characterFormat.baselineAlignment='Normal';
 ```
 
+## Change case
+
+You can apply different case formatting based on the selected text. Refer to the following sample code.
+
+```typescript
+documenteditor.editor.changeCase('Uppercase'|'Lowercase'|'SentenceCase'|'ToggleCase'|'CapitalizeEachWord');
+```
+
 ## Size
 
 The size of selected text can be get or set using the following code.
@@ -182,6 +190,6 @@ documenteditor.selection.characterFormat.highlightColor= '#FFC0CB';
 
 ## See Also
 
-* [Feature modules](../document-editor/feature-module/)
-* [Font dialog](../document-editor/dialog/#font-dialog)
-* [Keyboard shortcuts](../document-editor/keyboard-shortcut/)
\ No newline at end of file
+* [Feature modules](../document-editor/feature-module)
+* [Font dialog](../document-editor/dialog#font-dialog)
+* [Keyboard shortcuts](../document-editor/keyboard-shortcut)
\ No newline at end of file