Datatable Jquery special character encoding and decoding to HTML

Question

I found out that html special characters such as '&' are not being decoded when we fetch value from the table object using API functions but instead of they are in ASCII or Unicode form. This is my simple initialization for the dataTable.

var otable = $('#vtable').DataTable({
        "dom": '<"top"lBf<"clear">>rt<"bottom"ip<"clear">>'
});

See this Fiddle.

What should be best solution to decode html special character before passing it to the data processing?

See here http://stackoverflow.com/questions/3700326/decode-amp-back-to-in-javascript — Candide, Mar 05 '17 at 06:26
Please include the relevant code in your question. Obvioisly something is going utterly wrong. — davidkonrad, Mar 05 '17 at 11:06
check this [question](http://stackoverflow.com/questions/42596859/post-table-data-to-action-which-is-dynamically-added-to-datatable) — Shahzad, Mar 05 '17 at 11:07
@davidkonrad also check [this discussion](https://datatables.net/forums/discussion/1241/special-characters) on datatable forum. — Shahzad, Mar 05 '17 at 11:11

Gyrocode.com · Accepted Answer · 2017-03-06T11:29:17.623

2

Encode HTML entities:

var valEncoded = $('<div>').text(val).html();

Decode HTML entities:

var valDecoded = $('<div>').html(val).text();

See this example for code and demonstration.

See updated jsFiddle for demonstration on how it could be used in your project.

edited Mar 06 '17 at 11:29

answered Mar 05 '17 at 18:09

Gyrocode.com

57,606
14
150
185

mate I have updated the question with the fiddle, kindly see the fiddle. – Shahzad Mar 06 '17 at 05:51
mate, what is the difference between my answer and your answer? can you please elaborate in your answer? – Shahzad Mar 06 '17 at 11:45

score 0 · Answer 2 · edited May 23 '17 at 12:31

0

Using this answer of Stackoverflow, the solution for question is the function below to decode the html characters from a row of data.

function decodeHtml(str) {
    var map =
    {
        '&amp;': '&',
        '&lt;': '<',
        '&gt;': '>',
        '&quot;': '"',
        '&#039;': "'"
    };
    return str.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, function (m) { return map[m]; 
    });
}

edited May 23 '17 at 12:31

Community

1
1

answered Mar 05 '17 at 06:32

Shahzad

1,315
2
22
42

1

This seems to be a kind of "hack", not a solid solution. – davidkonrad Mar 05 '17 at 10:59
Yeah, but I am still looking for the best solution. – Shahzad Mar 05 '17 at 11:02

Datatable Jquery special character encoding and decoding to HTML

2 Answers2

Linked