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

时间:2016-12-29 13:28:47

标签: 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 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);

        });

0 个答案:

没有答案