如何在不修改的情况下将HTML源代码插入我的网站?

时间:2013-03-07 03:16:10

标签: iframe pre

在我的网页的一部分中显示HTML的源代码(带有<body><head>,ALL可以包含HTML代码),用户可以提取代码。我将该代码放在文本文件中的iframe中。问题:iframe在IE8等浏览器中不起作用,因为在像Chrome这样的现代浏览器中,他们会在iframe中插入<pre>,而IE8则不会。

我需要一种在文档中插入代码的方法,而不需要浏览器执行代码。是的,没有必要将代码放在文本文件(.txt)中,我看到有些人在<textarea>内设置代码,我喜欢这样。这个想法是不能修改源代码,我已经阅读了一些PHP解决方案,但我无法修改PHP。我尝试使用<pre><code>,但是..不起作用,浏览器仍然执行源代码,也许我不明白正确使用该标签。

我已经读过有时需要为<替换&#60;之类的一些特殊字符,可能是问题所在吗?存在一个转换器,在显示时不会影响最终结果? 谢谢!我不知道如果我解释得很好,我愿意接受任何建议(对不起,如果我听起来很奇怪,英语不是我的母语)

1 个答案:

答案 0 :(得分:1)

使用jQuery,您可以使用AJAX来获取包含源代码的文件,然后在jQuery对象中使用.text(var_with_the_code)来显示HTML源代码,而无需执行&#34;执行&#34;它

这是jsFiddle中的一个有限演示: http://jsfiddle.net/gberger/T3JDJ/