From ee086b3e36f9f26bd12694cbddf3c95dbdd25b08 Mon Sep 17 00:00:00 2001 From: Kokila Poovendran Date: Thu, 3 Apr 2025 17:53:15 +0530 Subject: [PATCH 1/2] 949933: Added Customizing Style Video --- ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.NETCORE/style.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.NETCORE/style.md b/ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.NETCORE/style.md index c68fc25d9d..e4515cd3f2 100644 --- a/ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.NETCORE/style.md +++ b/ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.NETCORE/style.md @@ -12,6 +12,10 @@ documentation: ug The content below outlines the CSS structure you can use to customize the appearance of the control according to your preferences. +To quickly get started with customizing styles in the ASP.NET Core Rich Text Editor, watch this video: + +{% youtube "youtube:https://www.youtube.com/watch?v=C4ELtSPALEY"%} + ## Customizing Rich Text Editor Content Use the following CSS to modify the default style of the Rich Text Editor's content area, including font properties, background, and text color. From 8e31fc888cb962c4f05f77776330bd1363339619 Mon Sep 17 00:00:00 2001 From: Kokila Poovendran Date: Thu, 3 Apr 2025 17:59:20 +0530 Subject: [PATCH 2/2] 949933: Added the Controller part --- .../rich-text-editor/EJ2_ASP.NETCORE/getting-started.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.NETCORE/getting-started.md b/ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.NETCORE/getting-started.md index 87d6eda5d3..fc537ea94c 100644 --- a/ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.NETCORE/getting-started.md +++ b/ej2-asp-core-mvc/rich-text-editor/EJ2_ASP.NETCORE/getting-started.md @@ -98,6 +98,9 @@ Now, add the Syncfusion® ASP.NET Core Rich {% highlight cshtml tabtitle="CSHTML" %} {% include code-snippet/rich-text-editor/basic/default/tagHelper %} {% endhighlight %} +{% highlight c# tabtitle="Controller.cs" %} +{% include code-snippet/rich-text-editor/basic/default/controller.cs %} +{% endhighlight %} {% endtabs %} Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to run the app. Then, the Syncfusion® ASP.NET Core Rich Text Editor control will be rendered in the default web browser. @@ -112,6 +115,9 @@ Configure the toolbar with the tools using items field of the [`toolbarSettings` {% highlight cshtml tabtitle="CSHTML" %} {% include code-snippet/rich-text-editor/basic/toolbar/tagHelper %} {% endhighlight %} +{% highlight c# tabtitle="Controller.cs" %} +{% include code-snippet/rich-text-editor/basic/toolbar/controller.cs %} +{% endhighlight %} {% endtabs %} ![ASP.NET Core Rich Text Editor with Toolbar](images/richtexteditor-with-toolbar.png)