Javascript escape HTML внутри тега code

Question

В основном мне нужно иметь возможность искать теги "<" и ">" в пределах block and have them set as TEXT rather than HTML, so that I can display all tags and HTML on the page.</p> <p>At the moment all tags are coming through as actual HTML on the page when I do a string replace using jQuery:</p> <pre><code>var text = $("#edit").val(); filter = text.replace(/</gi,"&lt;").replace(/>/gi,"&gt;"); $("#output").html(filter);

Я не могу изменить html () на text (), потому что любой HTML, ВНЕ, за пределами блока в порядке,Я в основном ищу что-то очень похожее на то, как эта идея тега textbox / code работает на stackoverflow.

Есть ли простой способ сделать это с помощью JavaScript / jQuery?

Спасибо

Answer 1

Я бы предложил проанализировать HTML и использовать метод text () для отображения вашего блока code. Как насчет чего-то вроде

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

Очевидно, вам придется поместить все до и после блока кода в ваш output div как HTML.

Надеюсь, это поможет.

Answer 2

Я думаю, вам лучше использовать регулярные выражения PHP для извлечения кода между тегами кода и отображения их в предварительных тегах для удаления форматов:

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

"; ?>