DevTools: [Documentation] Add syntax highlight for code examples

Source/devtools/front_end/documentation/DocumentationURLProvider.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  */
 WebInspector.DocumentationURLProvider = function()
 {
     this._gapFromIndex = 0;
@@ skipping 215 matching lines @@
     },
 
     /**
      * @param {string} itemPath
      */
     _addDescriptorToList: function(itemPath)
     {
         var lastSlashIndex = itemPath.lastIndexOf("/");
         if (lastSlashIndex === -1)
             return;
-        var sourceName = itemPath.substring(0, lastSlashIndex + 1);
         // There are some properties which have several words in their name.
         // In article list they are written through gap, while in URL they are written through underscore.
         // We are creating URL for current property, so we have to replace all the gaps with underscores.
-        var propertyName = itemPath.substring(lastSlashIndex + 1).replace(" ", "_");
+        var correctedItemPath = itemPath.replace(" ", "_");
+        var sourceName = correctedItemPath.substring(0, lastSlashIndex + 1);
+        var propertyName = correctedItemPath.substring(lastSlashIndex + 1);
         var sources = WebInspector.DocumentationURLProvider._sources;
         for (var i = 0; i < sources.length; ++i) {
             if (sources[i].url() !== sourceName || !sources[i].source().hasOwnProperty(propertyName))
                 continue;
             var descriptors = this._articleList.get(propertyName) || [];
             descriptors.push(new WebInspector.DocumentationURLProvider.ItemDescriptor(sources[i], propertyName));
             this._articleList.set(propertyName, descriptors);
         }
     }
 }