Fatal编程技术网
  • javascript/
  • Javascript 如何显示通过iframe呈现的html页面的突出显示的html脚本

Javascript 如何显示通过iframe呈现的html页面的突出显示的html脚本

javascript jquery html css iframe

Javascript 如何显示通过iframe呈现的html页面的突出显示的html脚本,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我想显示在IDE中突出显示的html页面中由呈现的html页面的源代码。 我获取了一个iframe html文件的源代码 $('#iframe').contents().find("html").html(); 这给了我一个字符串，没有应用高亮显示 下面是我获取和显示iframe文件的所有代码 $('#html').click(function(){ var sourceCode = '<!DOCTYPE html>\n\<html

我想显示在IDE中突出显示的html页面中由呈现的html页面的源代码。 我获取了一个iframe html文件的源代码

    $('#iframe').contents().find("html").html();
这给了我一个字符串，没有应用高亮显示

下面是我获取和显示iframe文件的所有代码

    $('#html').click(function(){
            var sourceCode  = '<!DOCTYPE html>\n\<html lang="en-US">\n';
                sourceCode += $('#html-iframe').contents().find("html").html();
                sourceCode += '\n</html>';
                sourceCode  = sourceCode.replace(/</g, "&lt;").replace(/>/g, "&gt;");
                sourceCode  = "<pre>"+sourceCode+"</pre>";
            $('#html-div code').append(sourceCode);

        });

$（'#html'）。单击（函数（）{
var sourceCode='\n\\n'；
sourceCode+=$（'#html iframe'）.contents（）.find（“html”）.html（）；
源代码+='\n'；
sourceCode=sourceCode.replace（//g，“”）；
sourceCode=“”+源代码+”；
$（'#html div code'）。追加（源代码）；
});
所做的只是用编码的等效字符替换少于（）个字符。您需要一些CSS来突出显示“HTML div code”元素中修改过的HTML。但是我如何分别为每个标记、它们的属性和内容应用CSS。还有var sourceCode返回字符串我有没有办法在HTML/javascript对象类型中获取var sourceCode看看所做的一切是替换少于（）具有编码等效项的字符。您需要一些CSS来突出显示“HTML div code”元素中修改过的HTML。但是我如何分别为每个标记、它们的属性和内容应用CSS。还有var sourceCode返回字符串有什么方法可以获取HTML/javascript对象类型中的var sourceCode看看