如何在沒有瀏覽器渲染的情況下發布HTML代碼

Question

我要爲該項目構建一個論壇，但現在我面臨這個問題，我希望用戶能夠發佈他們的HTML源代碼，因爲它在此工作forum。

但問題是，代碼從我的數據庫檢索時運行或分散我的設計。

我試着用在jQueryrepalce()但我只replace < with &lt;，但我希望有一個功能是能夠取代其他如>,",'和&所以我的問題是我怎麼可以更新此功能。

function convert(div){ 
    var str = $(div).html(); 
    var str2 = str.replace(/</g,"&lt;"); 
    var sta = $(div).html(str2); 
    return sta; 
} 

上面的代碼工作，以取代<但是當我嘗試包括功能將停止工作，我怎樣才能使它發揮作用>,",'和&。

在此先感謝。

Answer 1

堅持在<pre>或<code>標籤，或兩者兼而有之，並確保你插入的內容時，標籤

function convert(div){ 
 
    var str = $(div).html(); 
 
    var sta = $('<code />', {text : str}); 
 

 
    return sta; 
 
} 
 

 
var result = convert($('#test')); 
 

 
$('#result').html(result)

#result { 
 
    white-space : pre; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="test"> 
 
    <span> 
 
    <p>TEST</p> 
 
    </span> 
 
</div> 
 
<br /> 
 
<div id="result">

<code>將保留代碼中使用text()，並且<pre>會保留空白，但也有CSS white-space屬性，可以作爲<pre>標記使用pre設置