Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Appearance in ##Platform_Name## Block Editor Control | Syncfusion
description: Checkout and learn about appearance with Syncfusion Essential ##Platform_Name## BlockEditor control, its elements, and more details.
title: Appearance in ASP.NET MVC Block Editor Control | Syncfusion
description: Checkout and learn about appearance with Syncfusion Essential ASP.NET MVC BlockEditor control, its elements, and more details.
platform: ej2-asp-core-mvc
control: BlockEditor
publishingplatform: ##Platform_Name##
documentation: ug
---

# Appearance in ##Platform_Name## Block Editor control
# Appearance in ASP.NET MVC Block Editor control

The Block Editor control provides various appearance customization options to match your application's design requirements. These properties allow you to control the visual styling, layout, and overall look and feel of the editor.

Expand Down Expand Up @@ -55,10 +55,10 @@ You can use the [CssClass](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusi

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/appearance/razor %}
{% include code-snippet/block-editor/appearance/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Appearance.cs" %}
{% include code-snippet/blockeditor/appearance/appearance.cs %}
{% include code-snippet/block-editor/appearance/appearance.cs %}
{% endhighlight %}
{% endtabs %}

Expand Down
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Blocks in ##Platform_Name## Block Editor control | Syncfusion
description: Checkout and learn about Blocks with ##Platform_Name## Block Editor control of Syncfusion Essential JS 2 and more.
title: Blocks in ASP.NET MVC Block Editor control | Syncfusion
description: Checkout and learn about Blocks with ASP.NET MVC Block Editor control of Syncfusion Essential JS 2 and more.
platform: ej2-asp-core-mvc
control: BlockEditor
publishingplatform: ##Platform_Name##
documentation: ug
domainurl: ##DomainURL##
---

# Blocks in ##Platform_Name## Block Editor control
# Blocks in ASP.NET MVC Block Editor control

The Block Editor control enables you to create block-based content editing solution using various types of blocks. The [Blocks](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.BlockEditor.BlockEditor.html#Syncfusion_EJ2_BlockEditor_BlockEditor_Blocks) property allows you to define and manage the content structure of your editor.

Expand Down Expand Up @@ -46,10 +46,10 @@ By default, the `indent` property is set to `0`.

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/indent/razor %}
{% include code-snippet/block-editor/blocks/indent/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Indent.cs" %}
{% include code-snippet/blockeditor/blocks/indent/indent.cs %}
{% include code-snippet/block-editor/blocks/indent/indent.cs %}
{% endhighlight %}
{% endtabs %}

Expand All @@ -63,10 +63,10 @@ Custom CSS classes allow you to define specialized styling for specific blocks i

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/cssClass/razor %}
{% include code-snippet/block-editor/blocks/cssClass/razor %}
{% endhighlight %}
{% highlight c# tabtitle="CssClass.cs" %}
{% include code-snippet/blockeditor/blocks/cssClass/cssclass.cs %}
{% include code-snippet/block-editor/blocks/cssClass/cssclass.cs %}
{% endhighlight %}
{% endtabs %}

Expand All @@ -78,10 +78,10 @@ The Block Editor allows you to use custom templates for specialized content usin

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/blockTypes/paragraph-block/razor %}
{% include code-snippet/block-editor/blocks/blockTypes/paragraph-block/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Template.cs" %}
{% include code-snippet/blockeditor/blocks/blockTypes/template-block/template.cs %}
{% include code-snippet/block-editor/blocks/blockTypes/template-block/template.cs %}
{% endhighlight %}
{% endtabs %}

Expand Down
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Code Block in ##Platform_Name## Block Editor control | Syncfusion
description: Checkout and learn about Code Block with ##Platform_Name## Block Editor control of Syncfusion Essential JS 2 and more.
title: Code Block in ASP.NET MVC Block Editor control | Syncfusion
description: Checkout and learn about Code Block with ASP.NET MVC Block Editor control of Syncfusion Essential JS 2 and more.
platform: ej2-asp-core-mvc
control: BlockEditor
publishingplatform: ##Platform_Name##
documentation: ug
domainurl: ##DomainURL##
---

# Code Blocks in ##Platform_Name## Block Editor control
# Code Blocks in ASP.NET MVC Block Editor control

You can render Code blocks by setting the [blockType](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.BlockEditor.BlockType.html) property as [Code](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.BlockEditor.BlockType.html#Syncfusion_EJ2_BlockEditor_BlockType_Code). By setting the `properties` property, you can configure the default language. The default language is `plainText`.

Expand Down Expand Up @@ -42,11 +42,11 @@ Below example illustrates how to render the different code block in the Block Ed

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/blockTypes/paragraph-block/razor %}
{% include code-snippet/block-editor/blocks/blockTypes/paragraph-block/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Code.cs" %}
{% include code-snippet/blockeditor/blocks/blockTypes/code-block/code.cs %}
{% include code-snippet/block-editor/blocks/blockTypes/code-block/code.cs %}
{% endhighlight %}
{% endtabs %}

![Code Block](./../../images/block-code.png)
![Code Block](./../../images/block-code.png)
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Embed Blocks in ##Platform_Name## Block Editor control | Syncfusion
description: Checkout and learn about Embed Blocks with ##Platform_Name## Block Editor control of Syncfusion Essential JS 2 and more.
title: Embed Blocks in ASP.NET MVC Block Editor control | Syncfusion
description: Checkout and learn about Embed Blocks with ASP.NET MVC Block Editor control of Syncfusion Essential JS 2 and more.
platform: ej2-javascript
control: BlockEditor
publishingplatform: ##Platform_Name##
documentation: ug
domainurl: ##DomainURL##
---

# Embed Blocks in ##Platform_Name## Block Editor control
# Embed Blocks in ASP.NET MVC Block Editor control

Block Editor supports addition of embeds to help you organize, showcase contents and format your content effectively.

Expand Down Expand Up @@ -72,10 +72,10 @@ The below sample demonstrates the configuration of image block in the Block Edit

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/blockTypes/image-block/razor %}
{% include code-snippet/block-editor/blocks/blockTypes/image-block/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Image.cs" %}
{% include code-snippet/blockeditor/blocks/blockTypes/image-block/image.cs %}
{% include code-snippet/block-editor/blocks/blockTypes/image-block/image.cs %}
{% endhighlight %}
{% endtabs %}

Expand Down
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Inline Content in ##Platform_Name## Block Editor control | Syncfusion
description: Checkout and learn about Inline Content with ##Platform_Name## Block Editor control of Syncfusion Essential JS 2 and more.
title: Inline Content in ASP.NET MVC Block Editor control | Syncfusion
description: Checkout and learn about Inline Content with ASP.NET MVC Block Editor control of Syncfusion Essential JS 2 and more.
platform: ej2-asp-core-mvc
control: BlockEditor
publishingplatform: ##Platform_Name##
documentation: ug
domainurl: ##DomainURL##
---

# Inline Content in ##Platform_Name## Block Editor control
# Inline Content in ASP.NET MVC Block Editor control

Content in the Block Editor is managed through the `content` property of blocks.

Expand Down Expand Up @@ -132,10 +132,10 @@ The below sample demonstrates the customization of labels in the Block Editor.

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/label-settings/razor %}
{% include code-snippet/block-editor/blocks/label-settings/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Label.cs" %}
{% include code-snippet/blockeditor/blocks/label-settings/label.cs %}
{% include code-snippet/block-editor/blocks/label-settings/label.cs %}
{% endhighlight %}
{% endtabs %}

Expand Down
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Lists in ##Platform_Name## Block Editor control | Syncfusion
description: Checkout and learn about List Blocks with ##Platform_Name## Block Editor control of Syncfusion Essential JS 2 and more.
title: Lists in ASP.NET MVC Block Editor control | Syncfusion
description: Checkout and learn about List Blocks with ASP.NET MVC Block Editor control of Syncfusion Essential JS 2 and more.
platform: ej2-asp-core-mvc
control: BlockEditor
publishingplatform: ##Platform_Name##
documentation: ug
domainurl: ##DomainURL##
---

# Lists in ##Platform_Name## Block Editor control
# Lists in ASP.NET MVC Block Editor control

List blocks in the BlockEditor component are used to organize content into structured lists. You can render List blocks by setting the [blockType](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.BlockEditor.BlockType.html) property as [BulletList](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.BlockEditor.BlockType.html#Syncfusion_EJ2_BlockEditor_BlockType_BulletList), [NumberedList](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.BlockEditor.BlockType.html#Syncfusion_EJ2_BlockEditor_BlockType_NumberedList), or [Checklist](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.BlockEditor.BlockType.html#Syncfusion_EJ2_BlockEditor_BlockType_Checklist). Bullet lists and numbered lists are ideal for unordered and ordered items, respectively, while checklist blocks enable interactive to-do lists with checkable items.

Expand Down Expand Up @@ -108,10 +108,10 @@ By default, the `isChecked` property is set to `false`.

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/isChecked/razor %}
{% include code-snippet/block-editor/blocks/isChecked/razor %}
{% endhighlight %}
{% highlight c# tabtitle="IsChecked.cs" %}
{% include code-snippet/blockeditor/blocks/isChecked/ischecked.cs %}
{% include code-snippet/block-editor/blocks/isChecked/ischecked.cs %}
{% endhighlight %}
{% endtabs %}

Expand All @@ -135,10 +135,10 @@ Below example illustrates how to render the different types of list blocks in th

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/blockTypes/list-block/razor %}
{% include code-snippet/block-editor/blocks/blockTypes/list-block/razor %}
{% endhighlight %}
{% highlight c# tabtitle="List.cs" %}
{% include code-snippet/blockeditor/blocks/blockTypes/list-block/list.cs %}
{% include code-snippet/block-editor/blocks/blockTypes/list-block/list.cs %}
{% endhighlight %}
{% endtabs %}

Expand Down
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Table Block in ##Platform_Name## Block Editor control | Syncfusion
description: Checkout and learn about Table Blocks with ##Platform_Name## Block Editor control of Syncfusion Essential JS 2 and more.
title: Table Block in ASP.NET MVC Block Editor control | Syncfusion
description: Checkout and learn about Table Blocks with ASP.NET MVC Block Editor control of Syncfusion Essential JS 2 and more.
platform: ej2-asp-core-mvc
control: BlockEditor
publishingplatform: ##Platform_Name##
documentation: ug
domainurl: ##DomainURL##
---

# Table Blocks in ##Platform_Name## Block Editor control
# Table Blocks in ASP.NET MVC Block Editor control

The Block Editor control allows you to render structured data in rows and columns by setting the block's [blockType](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.BlockEditor.BlockType.html) property to [Table](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.BlockEditor.BlockType.html#Syncfusion_EJ2_BlockEditor_BlockType_Table). You can customize the table layout, header, row numbers, and define columns and rows using the `properties` property.

Expand All @@ -30,10 +30,10 @@ This sample demonstrates the configuration of the [Table](https://help.syncfusio

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/blockTypes/table-block/razor %}
{% include code-snippet/block-editor/blocks/blockTypes/table-block/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Table.cs" %}
{% include code-snippet/blockeditor/blocks/blockTypes/table-block/table.cs %}
{% include code-snippet/block-editor/blocks/blockTypes/table-block/table.cs %}
{% endhighlight %}
{% endtabs %}

Expand Down
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Typography Blocks in ##Platform_Name## Block Editor control | Syncfusion
description: Checkout and learn about Typography Blocks with ##Platform_Name## Block Editor control of Syncfusion Essential JS 2 and more.
title: Typography Blocks in ASP.NET MVC Block Editor control | Syncfusion
description: Checkout and learn about Typography Blocks with ASP.NET MVC Block Editor control of Syncfusion Essential JS 2 and more.
platform: ej2-asp-core-mvc
control: BlockEditor
publishingplatform: ##Platform_Name##
documentation: ug
domainurl: ##DomainURL##
---

# Typography Blocks in ##Platform_Name## Block Editor control
# Typography Blocks in ASP.NET MVC Block Editor control

Typography blocks are essential for organizing and presenting text-based content in your documents. The BlockEditor component supports various structural blocks—such as Paragraph, Heading, Collapsible Block, Divider, Quote, and Callout to help you format and structure content effectively.

Expand Down Expand Up @@ -38,10 +38,10 @@ The below sample demonstrates the configuration of paragraph block in the Block

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/blockTypes/paragraph-block/razor %}
{% include code-snippet/block-editor/blocks/blockTypes/paragraph-block/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Paragraph.cs" %}
{% include code-snippet/blockeditor/blocks/blockTypes/paragraph-block/paragraph.cs %}
{% include code-snippet/block-editor/blocks/blockTypes/paragraph-block/paragraph.cs %}
{% endhighlight %}
{% endtabs %}

Expand All @@ -65,10 +65,10 @@ The below sample demonstrates the configuration of placeholder in the Block Edit

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/placeholder/razor %}
{% include code-snippet/block-editor/blocks/placeholder/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Placeholder.cs" %}
{% include code-snippet/blockeditor/blocks/placeholder/placeholder.cs %}
{% include code-snippet/block-editor/blocks/placeholder/placeholder.cs %}
{% endhighlight %}
{% endtabs %}

Expand Down Expand Up @@ -102,10 +102,10 @@ The below sample demonstrates the configuration of heading block in the Block Ed

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/blockTypes/paragraph-block/razor %}
{% include code-snippet/block-editor/blocks/blockTypes/paragraph-block/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Heading.cs" %}
{% include code-snippet/blockeditor/blocks/blockTypes/heading-block/heading.cs %}
{% include code-snippet/block-editor/blocks/blockTypes/heading-block/heading.cs %}
{% endhighlight %}
{% endtabs %}

Expand Down Expand Up @@ -184,10 +184,10 @@ The below sample demonstrates the configuration of [CollapsibleParagraph](https:

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/blockTypes/paragraph-block/razor %}
{% include code-snippet/block-editor/blocks/blockTypes/paragraph-block/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Toggle.cs" %}
{% include code-snippet/blockeditor/blocks/blockTypes/toggle-block/toggle.cs %}
{% include code-snippet/block-editor/blocks/blockTypes/toggle-block/toggle.cs %}
{% endhighlight %}
{% endtabs %}

Expand Down Expand Up @@ -238,10 +238,10 @@ The below sample demonstrates the configuration of divider block in the Block Ed

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/blockTypes/paragraph-block/razor %}
{% include code-snippet/block-editor/blocks/blockTypes/paragraph-block/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Divider.cs" %}
{% include code-snippet/blockeditor/blocks/blockTypes/divider-block/divider.cs %}
{% include code-snippet/block-editor/blocks/blockTypes/divider-block/divider.cs %}
{% endhighlight %}
{% endtabs %}

Expand All @@ -268,10 +268,10 @@ The below sample demonstrates the configuration of quote block in the Block Edit

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/blockTypes/paragraph-block/razor %}
{% include code-snippet/block-editor/blocks/blockTypes/paragraph-block/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Quote.cs" %}
{% include code-snippet/blockeditor/blocks/blockTypes/quote-block/quote.cs %}
{% include code-snippet/block-editor/blocks/blockTypes/quote-block/quote.cs %}
{% endhighlight %}
{% endtabs %}

Expand Down Expand Up @@ -322,10 +322,10 @@ The below sample demonstrates the configuration of callout block in the Block Ed

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/blockTypes/paragraph-block/razor %}
{% include code-snippet/block-editor/blocks/blockTypes/paragraph-block/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Callout.cs" %}
{% include code-snippet/blockeditor/blocks/blockTypes/callout-block/callout.cs %}
{% include code-snippet/block-editor/blocks/blockTypes/callout-block/callout.cs %}
{% endhighlight %}
{% endtabs %}

Expand All @@ -347,10 +347,10 @@ The below sample demonstrates the configuration of children in the Block Editor

{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/blockeditor/blocks/children/razor %}
{% include code-snippet/block-editor/blocks/children/razor %}
{% endhighlight %}
{% highlight c# tabtitle="Children.cs" %}
{% include code-snippet/blockeditor/blocks/children/children.cs %}
{% include code-snippet/block-editor/blocks/children/children.cs %}
{% endhighlight %}
{% endtabs %}

Expand Down
Loading