Output using @Html.Raw(Model.Content.GetPropertyValue

Obviously there is inherent danger in not escaping user generated content...

HTH

The easiest thing to do in my opinion is to make a new grid editor in the config/grid.editors.config.js file and add a pre tag to its markup

add the following entry

{
    "name": "Code",
    "alias": "code",
    "view": "textstring",
    "icon": "icon-coin",
    "config": {
        "style": "border: 3px dashed black; background-color:grey",
        "markup": "<pre class="codeblock">#value#</pre>"
    }
}

You should now have a Code option when adding new content to a row in the grid.

The style part is how it gets rendered in the grid in the backoffice.

To style it on the page use the included codeblock class.

More information can be found on: https://our.umbraco.org/documentation/getting-started/backoffice/property-editors/built-in-property-editors/grid-layout/build-your-own-editor

Hi, I tried this and it works in the backoffice but on the frontend it still renders everything as HTML e.g. if I put a something I will just get the word something displayed as a link. The pre tags are around it but it doesn't seem to make any difference.

O.

When I render the grid like this:

@Html.GetGridHtml(Model.Content, "grid")

I get the following

Hi After some testing over the weekend it seems that if I use the <> CODE button to choose type of content, it renders the HTML code as a link or a paragraph etc. which is what I didn't want. If I however type the code in to the RTE option and style it with my 'code' css, it works perfectly. At least I have an option now for typing code in to my blogs. Not sure why one works and the other doesn't. I'll look into that at a later date.

Thanks for your help everyone!