Как изменить сокращение html на тег html при динамическом добавлении контента

Question

var encodedHtml = "<ol style="color: rgb(34, 34, 34); font-family: arial, sans-serif;"><li class="mod" style=""> <div class="_oDd" style=""><span class="_Tgc" style="font-size: 16px;"><b>Test data</b> is <b>data</b>

который был специально определен для использования в <b>tests</b>, как правило, из компьютерной программы. Немного <b>data</b> может использоваться подтверждающим способом, обычно для проверки того, что данный набор входных данных для данной функции дает некоторый ожидаемый результат.</span></div> </li></ol>";

Я хочу изменить это содержимое на HTML-теги, чтобы я мог добавить его к некоторому div с помощью js.

Answer 1

Это должно помочь вам разобраться:

Как правильно декодировать строку, содержащую специальные HTML-объекты?

Несколько ответов на это имеет версию jQuery:

function htmlDecode(value) {
    return $("<textarea/>").html(value).text();
}

Answer 2

var encodedHTML = "<ol style="color: rgb(34, 34, 34); font-family: arial, sans-serif;"><li class="mod" style=""> <div class="_oDd" style=""><span class="_Tgc" style="font-size: 16px;"><b>Test data</b> is <b>data</b> which has been specifically identified for use in <b>tests</b>, typically of a computer program. Some <b>data</b> may be used in a confirmatory way, typically to verify that a given set of input to a given function produces some expected result.</span></div> </li></ol>";

$("<p/>").html(encodedHTML ).text();

это тоже работает.