.attr does not unescape and escape attribute values

When setting or getting the value of an attribute using .attr, then those values should be escaped/unescaped otherwise invalide html is created when using $.html().

An example would be if you try to store JSON encoded data in an attribute:

$(elm).attr('data-test','{"key":"value"}');

Then the resulting html would be something like that:

<tag data-test="{"key":"value"}">

And if the element looks like this:

 <tag data-test="{&quot;key&quot;:&quot;value&quot;}">

Then $(elm).attr('data-test'); return {"key":"value"} instead of {"key":"value"}.

I have tested it with the version 0.22.0

[rickyblaha]

Load the document using the decodeEntities: false option, then the actual characters are used instead of HTML entities:

const cheerio = require('cheerio');
const $ = cheerio.load('<button data-test=""></button>', {
  decodeEntities: false
});
$('button').attr('data-test', '{"key":"value"}');
console.log($.html()); // <button data-test="{"key":"value"}"></button>

[philipp65]

How would it be possible to correctly parse

<div data-actions='[{"event":"click","action":"scrollbelow"}]' >

the single quotes get replaced by double quotes which produces wrong output.