Sitecore Experience editor showing raw JSON data

Question

I am using a simple MVC sitecore project. I just given only one field in rendering page. When i try to view in "Experience Editor" its showing some raw JSON Data like below.

I have used this post

to solve this. when i include that webedit.css in my main layout then the Raw data vanished. But i am not able to see the Editing Ribbon. But when i choose Experience Editor from desktop its showing all Default contents correctly along with the editing Ribbon(Default Page).

Can anyone tell me why i am not able to see that editing ribbon on my page?

Seems like you have a buggy deployment. If this a new project? Does it happen on a clean install of Sitecore? — jammykam, Nov 04 '15 at 12:33
Yes its happend on a clean install of Sitecore. And its always like that only. — Ramesh, Nov 05 '15 at 04:27
if this is data from template field, did you pass the data as HtmlString or call the dataType as `@Html.Raw("")`?? — Jihyun, Nov 14 '15 at 15:36

score 1 · Accepted Answer · answered Nov 13 '15 at 20:45

This is because your layout razor cshtml file has valid HTML markup skeleton in place. Please make sure at the very minimum your page is formatted like this:

@using Sitecore.MVC

<html>
    <body>
         @Html.Sitecore().Etc...
         etc...
    </body>
</html>

This should eliminate the big chunk of JSON on top and enable all page editor UI elements.

Sitecore Experience editor showing raw JSON data

1 Answers1