在Javascript中添加html

Question

我在編輯使用JavaScript的Wordpress插件。我想在說明字段中使用HTML，但目前JavaScript正在輸出文本，而不是將其翻譯爲HTML。

例如，當介紹

Test <p>html</p>

它與<p>打印它，而不是呈現一個新的段落。

function appendPersonality(quiz, personality, hasTitle, hasImage, hasDescription) { 
    var $personality, $title, $description, $image; 

    $title = createIf(hasTitle, '<h2>', { 'html': personality.name }); 

    if (personality.image.file) { 
    $image = createIf(hasImage, '<img>', { 
     'class': classes('result-image'), 
     'src': _getPath(personality.image.file.path), 
     'alt': personality.image.alt 
    }); 
    } 

    $description = createIf(hasDescription, '<p>', { 
    'html': personality.description 
    }); 

    // NOTE (Emil): We only create $personality element if it has at least 
    // one child element. 
    if (hasTitle || hasImage || hasDescription) { 
    $personality = $('<div>', { 'class': classes('personality') }); 

    $personality.append($title); 
    $personality.append($image); 
    $personality.append($description); 
    } 

    quiz.$resultWrapper.append($personality); 

    setInlineImageHeight($image, $personality, quiz.$resultWrapper); 

    return $personality; 
} 

爲什麼'html': personality.description不呈現html？

Answer 1

我拿你貼的代碼，應該沒事的。但我的建議是檢查personality.description的值，它可能會在某些時候逃脫。您可以使用

（功能unescapeHTML從Arun P Johny's answer拍攝）

function unescapeHtml(safe) { 
    return safe.replace(/&/g, '&') 
     .replace(/&lt;/g, '<') 
     .replace(/&gt;/g, '>') 
     .replace(/&quot;/g, '"') 
     .replace(/&#039;/g, "'"); 
} 

... 

$description = createIf(hasDescription, '<p>', { 
    'html': unescapeHtml(personality.description) 
});