If you create a simple new block, with a few properties, we want to show just a single line of text in the editor, but for the website, we want to generate JSON.

Currently, we havce a single view in /Views/Shared/Blocks/ItemBlock.cshtml:

@model DxcAlloy.Models.Blocks.ItemBlock

{
"id":@Html.PropertyFor(x => x.id) ,
"name":"@Html.PropertyFor(x => x.name)"
}

However, for the editor view, we just want the name, such as:

@model DxcAlloy.Models.Blocks.ItemBlock

@Html.PropertyFor(x => x.name)

Is there a way to have different views for the editor and for the actual web page?

Interestingly, even with the above very simple view, its quite different from website to editor. Website shows it like this:

{ "id":123 , "name": "item name" }

But editor shows it like this:

{ "id":

123

, "name": "

item name

" }