javascriptエスケープHTML内のコード

Question

< "<"と ">"をブロック内で検索し、それらをHTMLではなくTEXTとして設定する必要があります。ページ上のHTML。私は、文字列はjQueryのを使用して置き換える行うときにすべてのタグをページ上で、実際のHTMLを通じて来ている瞬間

：

var text = $("#edit").val(); 
filter = text.replace(/</gi,"&lt;").replace(/>/gi,"&gt;"); 
$("#output").html(filter); 

私は外に、任意のHTMLので、（）をテキストに）（HTMLを変更傾けますブロックは問題ありません。私は基本的に、このテキストボックス/コードタグの考え方が、stackoverflow上でどのように動作するかと非常によく似たものを探しています。

JavaScript/jQueryを使用して簡単にこれを行う方法はありますか？

おかげ

Answer 1

私は、HTMLを解析し、あなたのcodeブロックを表示するために、テキスト（）メソッドを使用してお勧めしたいです。どのように

var text = $($('#edit').val()); //create HTML object and parse as you would DOM 
var code = text.find('code').html(); 
$('#output').text(code); 

ような何かについて明らかにあなたは、HTMLとしてあなた outputのdivにコードブロックの前と後のすべてのものを配置する必要があります。

これが役に立ちます。

Answer 2

私はあなたがより良いコードタグの間にコードを抽出し、フォーマットを取り除くために、事前のタグでそれらを表示するには、PHPの正規表現を使用すると思う：

<?php 
$var="blahblah<code>...</code>booboo"; 
$var=ereg_replace("<code>(.*?)</code>", "", $var); 
print "<pre>$var</pre>"; 
?>