table data not displaying as html using ko.js mvc

Question

I am trying my hand with knockout.js for a single page CRUD application, on almost everything it seems better than loading partial pages in to the view with ajax, one thing I'm having trouble with though, is rendering a textarea in parsed html, instead I get all the tags <p> etc.

When I was using Razor/C# I would just use @Html.Raw(Model.Details) however now I'm using <td data-bind="text: Details"></td>.

I have tried <td>@Html.Raw(new { @data_bind="text: Details" })</td> but no luck.

What would be the best way around this?

nemesv · Accepted Answer · 2016-02-15 15:34:17Z

1

If you have HTML in your viewmodel you need the html binding to display it:

The html binding causes the associated DOM element to display the HTML specified by your parameter.

Typically this is useful when values in your view model are actually strings of HTML markup that you want to render.

So your code should look like this:

<td data-bind="html: Details"></td>

answered Feb 15, 2016 at 15:34

nemesv

140k16 gold badges424 silver badges364 bronze badges

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

Comments

Adrian · Accepted Answer · 2016-02-15 15:36:38Z

1

You need to use html binding for this. Look it up here in their very good documentation.

So in your html element, it should be like this.

<td data-bind="html: Details"></td>

answered Feb 15, 2016 at 15:36

Adrian

1,58712 silver badges16 bronze badges

1 Comment

PurpleSmurph Over a year ago

Thanks, had missed the documentation.

Collectives™ on Stack Overflow

table data not displaying as html using ko.js mvc

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related