DevTools: [Documentation] Add syntax highlight for code examples

Source/devtools/front_end/documentation/DocumentationView.js

Index: Source/devtools/front_end/documentation/DocumentationView.js
diff --git a/Source/devtools/front_end/documentation/DocumentationView.js b/Source/devtools/front_end/documentation/DocumentationView.js
index 5e782965a5ae9b94703114a957809ef2cd9a23cc..89b787c286b13554cfb265cb3a5191fff0df3113 100644
--- a/Source/devtools/front_end/documentation/DocumentationView.js
+++ b/Source/devtools/front_end/documentation/DocumentationView.js
@@ -26,6 +26,11 @@ WebInspector.DocumentationView.showDocumentationURL = function(url, searchItem)
     view.showDocumentation(url, searchItem);
 }
 
+WebInspector.DocumentationView._languageToMimeType = {
+    "JavaScript": "text/javascript",
+    "HTML": "text/html"
+}
+
 WebInspector.DocumentationView.prototype = {
     /**
      * @param {string} url
@@ -213,6 +218,8 @@ WebInspector.DocumentationView.Renderer.prototype = {
             var code = example.createChild("div", "documentation-example-code");
             code.classList.add("source-code");
             code.textContent = examples[i].code;
+            var syntaxHighlighter = new WebInspector.DOMSyntaxHighlighter(WebInspector.DocumentationView._languageToMimeType[examples[i].language], true);
+            syntaxHighlighter.syntaxHighlightNode(code);
         }
     },