替換<與<元件

Question

內，如果一個HTML你會如何使用jQuery或JavaScript內<pre> 爲代碼的輸出與替換<爲<任何上述應該是

<pre> 
<img src="imagesrc"></img> 
</pre> 

。

<pre> 
&lt;img src="imagesrc">&lt;/img> 
</pre> 

Answer 1

你們是不是這樣呢？

HTML：

<pre> 
<img src="imagesrc"></img> 
</pre> 

的Javascript：

$(function() { 
    var $pre = $('pre'); 
    $pre.html($pre.html().replace(/</g, '&lt;').replace(/>/g, '&gt;')); 
}); 

Answer 2

這裏一個jsFiddle

$('pre').html(function(){$(this).html().replace('<', '&lt;')}); 

Answer 3

你可能想HtmlEncode and HtmlDecode

function htmlEncode(value){ 
    return $('<div/>').text(value).html(); 
} 

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

Answer 4

var $pre = $('pre'); 
 
for (var i = 0; i < $pre.length; i++) { 
 
    var pattern = $pre[i].innerHTML; 
 
    pattern = pattern.replace(/</g,'&lt;').replace(/>/g,'&gt;'); 
 
    console.log(pattern); 
 
    $pre[i].innerHTML = pattern; 
 
}

你可以試試這個，如果你有你的文檔中的多個預標記。