You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: blazor/markdown-editor/custom-format.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
---
2
2
layout: post
3
-
title: Customize Markdown Syntax in Blazor Markdown Editor | Syncfusion
4
-
description: Learn how to customize Markdown syntax in the Syncfusion Blazor Markdown Editor component, including formatting options, toolbar customization, and more.
3
+
title: Customize Markdown Syntax in Blazor Markdown Editor | Syncfusion®
4
+
description: Learn how to customize Markdown syntax in the Blazor Markdown Editor component, including formatting options, toolbar customization, and more.
Copy file name to clipboardExpand all lines: blazor/markdown-editor/getting-started-webapp.md
+13-13Lines changed: 13 additions & 13 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,15 +1,15 @@
1
1
---
2
2
layout: post
3
-
title: Getting started with Syncfusion Markdown Editor in Blazor Web App
4
-
description: Check out the documentation for getting started with Syncfusion Blazor Markdown Editor Components in Blazor Web App.
3
+
title: Getting started with Markdown Editor in Blazor Web App | Syncfusion®
4
+
description: Check out the documentation for getting started with Blazor Markdown Editor Components in Blazor Web App.
5
5
platform: Blazor
6
6
control: MarkdownEditor
7
7
documentation: ug
8
8
---
9
9
10
10
# Getting Started with Blazor Markdown Editor in Blazor Web App
11
11
12
-
This section explains how to integrate [Syncfusion<supstyle="font-size:70%">®</sup> Blazor Markdown Editor](https://www.syncfusion.com/blazor-components/blazor-rich-text-editor) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/).
12
+
This section explains how to integrate [Blazor Markdown Editor](https://www.syncfusion.com/blazor-components/blazor-rich-text-editor) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/).
13
13
14
14
{% tabcontents %}
15
15
@@ -21,7 +21,7 @@ This section explains how to integrate [Syncfusion<sup style="font-size:70%">&re
21
21
22
22
## Create a new Blazor Web App in Visual Studio
23
23
24
-
Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion<supstyle="font-size:70%">®</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation.
24
+
Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation.
25
25
26
26
{% endtabcontent %}
27
27
@@ -33,7 +33,7 @@ Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https:
33
33
34
34
## Create a new Blazor Web App in Visual Studio Code
35
35
36
-
Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion<supstyle="font-size:70%">®</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation.
36
+
Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation.
37
37
38
38
For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands in the integrated terminal (<kbd>Ctrl</kbd>+<kbd>`</kbd>):
39
39
@@ -85,7 +85,7 @@ cd BlazorWebApp.Client
85
85
86
86
N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Web App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode).
N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Syncfusion<supstyle="font-size:70%">®</sup> Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App.
181
+
N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App.
182
182
183
183
## Add stylesheet and script resources
184
184
@@ -194,7 +194,7 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A
194
194
195
195
N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application.
Add the Syncfusion Blazor Markdown Editor component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~/Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`).
200
200
@@ -218,19 +218,19 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem
218
218
{% endhighlight %}
219
219
{% endtabs %}
220
220
221
-
To launch the application, press <kbd>Ctrl</kbd>+<kbd>F5</kbd> in Visual Studio, run `dotnet run` from the CLI or integrated terminal in VS Code, or use the Run command in your preferred IDE to render the Syncfusion<supstyle="font-size:70%">®</sup> Blazor Markdown Editor component in the default web browser.
221
+
To launch the application, press <kbd>Ctrl</kbd>+<kbd>F5</kbd> in Visual Studio, run `dotnet run` from the CLI or integrated terminal in VS Code, or use the Run command in your preferred IDE to render the Blazor Markdown Editor component in the default web browser.
222
222
223
223
N> When using the .NET CLI or Visual Studio Code, ensure that you run the application from the **server (host) project directory**, not from the `.Client` project. The client project does not run independently and is hosted by the server application.
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor for Web app in .NET Core CLI](../getting-started/blazor-web-app-dotnet-cli)
229
+
*[Getting Started with Blazor for Web app in .NET Core CLI](../getting-started/blazor-web-app-dotnet-cli)
230
230
231
-
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor for server-side in .NET Core CLI](../getting-started/blazor-server-side-dotnet-cli)
231
+
*[Getting Started with Blazor for server-side in .NET Core CLI](../getting-started/blazor-server-side-dotnet-cli)
232
232
233
-
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor for Web app](../getting-started/blazor-web-app)
233
+
*[Getting Started with Blazor for Web app](../getting-started/blazor-web-app)
234
234
235
235
*[How to insert special characters](https://blazor.syncfusion.com/demos/rich-text-editor/insert-special-characters?theme=bootstrap5)
Copy file name to clipboardExpand all lines: blazor/markdown-editor/getting-started-with-server-app.md
+14-14Lines changed: 14 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,15 +1,15 @@
1
1
---
2
2
layout: post
3
-
title: Getting started with Syncfusion Markdown Editor in Blazor Server App
4
-
description: Check out the documentation for getting started with Syncfusion Blazor Markdown Editor Components in Blazor Server App.
3
+
title: Getting started with Markdown Editor in Server App | Syncfusion®
4
+
description: Check out the documentation for getting started with Blazor Markdown Editor Components in Blazor Server App.
5
5
platform: Blazor
6
6
control: MarkdownEditor
7
7
documentation: ug
8
8
---
9
9
10
10
# Getting Started with Blazor Markdown Editor Component in Server App
11
11
12
-
This section briefly explains about how to include [Syncfusion<supstyle="font-size:70%">®</sup> Blazor Markdown Editor](https://www.syncfusion.com/blazor-components/blazor-rich-text-editor) component in a Blazor Server App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/).
12
+
This section briefly explains about how to include [Blazor Markdown Editor](https://www.syncfusion.com/blazor-components/blazor-rich-text-editor) component in a Blazor Server App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/).
13
13
14
14
{% tabcontents %}
15
15
@@ -21,7 +21,7 @@ This section briefly explains about how to include [Syncfusion<sup style="font-s
21
21
22
22
## Create a new Blazor App in Visual Studio
23
23
24
-
Create a **Blazor Server App** by using the **Blazor Web App** template in Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion<supstyle="font-size:70%">®</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation.
24
+
Create a **Blazor Server App** by using the **Blazor Web App** template in Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation.
25
25
26
26
{% endtabcontent %}
27
27
@@ -33,7 +33,7 @@ Create a **Blazor Server App** by using the **Blazor Web App** template in Visua
33
33
34
34
## Create a new Blazor App in Visual Studio Code
35
35
36
-
Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion<supstyle="font-size:70%">®</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation.
36
+
Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation.
37
37
38
38
Alternatively, create a Server application by using the following command in the integrated terminal (<kbd>Ctrl</kbd>+<kbd>`</kbd>).
39
39
@@ -83,7 +83,7 @@ cd BlazorApp
83
83
84
84
N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Server App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode).
Install the following NuGet packages in your project:
89
89
@@ -158,9 +158,9 @@ After the packages are installed, open the **~/_Imports.razor** file and import
158
158
{% endhighlight %}
159
159
{% endtabs %}
160
160
161
-
## Register Syncfusion<supstyle="font-size:70%">®</sup> Blazor service
161
+
## Register Blazor service
162
162
163
-
Register the Syncfusion<supstyle="font-size:70%">®</sup> Blazor service in the **Program.cs** file of your Blazor Server App.
163
+
Register the Blazor service in the **Program.cs** file of your Blazor Server App.
164
164
165
165
{% tabs %}
166
166
{% highlight C# tabtitle="Program.cs" %}
@@ -188,9 +188,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A
188
188
189
189
N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in Blazor application.
Add the Syncfusion<supstyle="font-size:70%">®</sup> Blazor Markdown Editor component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file.
193
+
Add the Blazor Markdown Editor component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file.
194
194
195
195
N> If the Interactivity Location is set to `Global`, the render mode is automatically configured in the `App.razor` file by default.
196
196
@@ -212,17 +212,17 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati
212
212
{% endhighlight %}
213
213
{% endtabs %}
214
214
215
-
To launch the application, press <kbd>Ctrl</kbd>+<kbd>F5</kbd> in Visual Studio, run `dotnet run` from the CLI or integrated terminal in VS Code, or use the Run command in your preferred IDE to render the Syncfusion<supstyle="font-size:70%">®</sup> Blazor Markdown Editor component in the default web browser.
215
+
To launch the application, press <kbd>Ctrl</kbd>+<kbd>F5</kbd> in Visual Studio, run `dotnet run` from the CLI or integrated terminal in VS Code, or use the Run command in your preferred IDE to render the Blazor Markdown Editor component in the default web browser.
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor for server-side in .NET Core CLI](../getting-started/blazor-server-side-dotnet-cli)
221
+
*[Getting Started with Blazor for server-side in .NET Core CLI](../getting-started/blazor-server-side-dotnet-cli)
222
222
223
-
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor for server-side in Visual Studio](../getting-started/blazor-server-side-visual-studio)
223
+
*[Getting Started with Blazor for server-side in Visual Studio](../getting-started/blazor-server-side-visual-studio)
224
224
225
-
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor for server-side in .NET Core CLI](../getting-started/blazor-server-side-dotnet-cli)
225
+
*[Getting Started with Blazor for server-side in .NET Core CLI](../getting-started/blazor-server-side-dotnet-cli)
226
226
227
227
*[Blog posting using Rich Text Editor](https://blazor.syncfusion.com/demos/rich-text-editor/usecase?theme=bootstrap5)
0 commit comments