エディタのようにHTMLソースコードを適切なタグの色のスタイルと字下げで表示する方法

iframeでレンダリングされたHTMLファイルのソースコードを表示します。ソースコードは、崇高なようなエディタのように、適切なタグの色とインデントで表示する必要があります。は私がエディタのようにHTMLソースコードを適切なタグの色のスタイルと字下げで表示する方法

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

でiframe内にレンダリングされたファイルのソースコードを得たが、これは私がこれを行うことができますどのようにとして、プリフォーマットさテキストを提供します。