Editor not displaying formatted text correctly when html is loaded in to editor

[Morris]

Hi folks,

I am having problems with the editor control where it allows me to enter data, format it correctly (bold etc) and save the data to a database. When I try to edit the text again in the editor it doesnt display the formatting correctly but displays the html tags surrounding the text i.e: <strong>working</strong>

The next time I save the data it appears in this format: &lt;strong&gt;working description&lt;/strong&gt;

This is the code I am using to display the text in the editor:

        <% Html.Telerik().Editor()
         .Name("Description")
         .Value(Model.Description)
         .Render();
        %>

//Code to the populate the model before saving to the database:
article.Description = collection["Description"];

When I display the code in my browser the text dislays properly formatted when it is viewed in the browser (after the first save to the db):

        <%=
HttpUtility.HtmlDecode(Model.Description)
        %>

After subsequent saves the text displays like so: <strong>working description</strong>

Can anyone help shed some light on this? Im really confused as to how to make this work properly

Cheers
Morris

[mahmoud]

The same problem Morris :-(
Could you solve it or any work around?

[Jacob]

Hi all, got the same issue here, first save works great, using the encoded string to the db, retrieving it for display decoded and in raw format works great, but assigning it back for the edit just doesn't cut it, still renders with the HTML tags, it is almost as if one has to use the HTML.Raw helper when assigning the value, but haven't had any luck with that either......

Update: Sorted it out....
1. Do not encode your strings saving back to the db
2. Use standard binding when editing your strings
3. When displaying the content back to your "public view" then use HTML.Raw(Html.Raw(HttpUtility.HtmlDecode(model.value))) or add this to your controller classes

        public ActionResult Edit(int id)
        {
            MyClass theclass = db.test.Find(id);        
            theclass.html = System.Web.HttpUtility.HtmlDecode(theclass.html);
            return View(theclass);
        }
        public ViewResult Details(int id)
        {
            
            MyClass theclass = db.test.Find(id);
            theclass.html= System.Web.HttpUtility.HtmlDecode(theclass.html);
            return View(theclass);
        }

Hope this helps you guys, worked for me, stupid mistake from my side :-)

[mahmoud]

Jacob, would you please explain what exactly you do to overcome this problem? I don't get your points :-)

[Kko]

Hello,

Try this:
@{
              Model.Description = Server.HtmlDecode(Model.Description);
              Html.Telerik().EditorFor(model => model.Description)
                          .Name("Description")
                          .Encode(true)
                          .Tools(tools => tools
                              .Clear()
                              .Bold().Italic().Separator()
                              .InsertOrderedList().InsertUnorderedList().Separator()
                              .Indent().Outdent()
                          )
                          .Render();
             }
Hope this helps.

[Jacob]

Hey there Mahmoud

Attached a really simple vs2010 example hope this helps

Regards
Jacob

[mahmoud]

Thank you both Jacob and kko. both solutions work fine !

[Travis]

Thank you Kko!!!  So frustrating that it does not work like you'd expect.

[Kko]

Welcome guys.
Hope to reduce the "Sherlock Holmes" time :) a little bit.

Happy coding!

[Loften]

Thanks much!  This worked for me!