Syntax Highlighting

syntaxHighlight.js

function cloneElementWithStyles(element) {
 var clonedEl = $(document.createElement(element.tagName));

 // CSS styles to copy over from the generated node.
 var stylesToCopy = ['font', 'color'];

 // Copy css styles.
 clonedEl.attr('style', getComputedStyles(stylesToCopy, element));

 // Clone children.
 $(element).contents().each(function() {
   if (this.nodeType === Node.ELEMENT_NODE) {
     clonedEl.append(cloneElementWithStyles(this));
   } else {
     clonedEl.append($(this).clone());
   }
 });

 return clonedEl;
}

function getComputedStyles(stylesToCopy, element) {
 var cssText = stylesToCopy.reduce(function(cssText, property) {
   cssText += property + ':' + window.getComputedStyle(element)[property] + ';';
   return cssText;
 }, '');
 return cssText;