javascript 在代码标签内转义 HTML

Question

基本上我需要能够搜索标签“<”和“>”在<代码>内阻止并将它们设置为文本而不是 HTML，以便我可以在页面上显示所有标签和 HTML。

目前，当我使用 jQuery 进行字符串替换时，所有标签都作为页面上的实际 HTML 出现：

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

我无法将 html() 更改为 text()，因为块之外的任何 HTML 都可以。我基本上正在寻找与此文本框/代码标签想法在 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);

，您必须将代码块之前和之后的所有内容作为 HTML 放入您的 output div 中。

希望这有帮助。

Answer 2

我认为你最好使用 PHP 正则表达式来提取代码标签之间的代码并将它们显示在预标签中以去除格式：

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