How to display ckeditor saved html data from database to normal text in MVC 5

Question

I am using Mvc 5 razor,and have used ckeditor to save data in database but when i am retrieving data on the view it is coming with all the html tags pls helpme how to display it in normal text form on the view

     <div class="panel panel-default">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" id="Inclusions">
                            <div class="panel-heading">
                                <h4 class="panel-title">  INCLUSIONS </h4>
                            </div>
                        </a>
                        <div id="collapseThree" class="panel-collapse collapse">
                            <div class="panel-body">
                                @Html.Raw(Html.DisplayFor(Model => Model.Itinerarydetail.Inclusions));
                            </div>
                        </div>
                    </div>

You can use @Html.Raw for displaying raw html data, if that's what you are looking for. But I suggest you to edit your post and add your code, that you actually do to save and draw your field. — Red
– Red, Commented Dec 29, 2015 at 10:15

Shyju · Accepted Answer · 2015-12-29 17:37:22Z

4

When you use the Html.DisplayFor helper method, razor will encode the content before rendering. You should use Html.Raw() helper method which will not encode your content and pass the value you want to render directly to that.

<div class="panel-body">
    @Html.Raw(Model.Itinerarydetail.Inclusions)
</div>

answered Dec 29, 2015 at 17:37

Shyju

220k106 gold badges421 silver badges499 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

tozlu Over a year ago

Will this cause XSS vulnerability?

Shyju Over a year ago

Here we are not showing the encoded version. So in that case, We should encode it in the action method before sending to view.

user7918630 · Accepted Answer · 2017-11-17 06:40:25Z

1

Here in my view when you get data from database use @Html.Raw

<div class="form-group">
        @Html.LabelFor(model => model.Description,htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-sm-8">
            <textarea type="text" class="ckeditor" name="Description">@item.Description</textarea>
            @Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })
        </div>

answered Nov 17, 2017 at 6:40

user7918630

Collectives™ on Stack Overflow

How to display ckeditor saved html data from database to normal text in MVC 5

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related