Make anchors in Quick Docs relative to page URL

src/extensions/default/WebPlatformDocs/InlineDocsViewer.js

@@ -75,9 +75,14 @@ define(function (require, exports, module) {
         this.$wrapperDiv.find("a").each(function (index, elem) {
             var $elem = $(elem);
             var url = $elem.attr("href");
-            if (url && url.substr(0, 4) !== "http") {
-                // URLs in JSON data are relative
-                url = "http://docs.webplatform.org" + (url.charAt(0) !== "/" ? "/" : "") + url;
+            if (url) {
+                if (url.charAt(0) === "#") {
+                    // Anchors in JSON data are relative to page URL
+                    url = templateVars.url + url;
+                } else if (url.substr(0, 4) !== "http") {
+                    // URLs in JSON data are relative
+                    url = "http://docs.webplatform.org" + (url.charAt(0) !== "/" ? "/" : "") + url;
+                }
                 $elem.attr("href", url);
             }
             $elem.attr("title", url);

src/extensions/default/WebPlatformDocs/unittest-files/description.html

@@ -4,4 +4,5 @@
 <a href="../relative/link" data-expected="http://docs.webplatform.org/../relative/link">relative</a>
 <a href="file:///someplace/bad" data-expected="http://docs.webplatform.org/file:///someplace/bad">file url</a>
 <a href="foo?querystring" data-expected="http://docs.webplatform.org/foo?querystring">querystring</a>
-<a href="#hash" data-expected="http://docs.webplatform.org/#hash">hash</a>
+<a href="#hash" data-expected="http://dev.brackets.io/wiki/css/properties/my-css-prop#hash">hash</a>
+<a href="foo#hash" data-expected="http://docs.webplatform.org/foo#hash">hash</a>

src/extensions/default/WebPlatformDocs/unittests.js

@@ -206,8 +206,8 @@ define(function (require, exports, module) {
                     href,
                     $links = viewer.$htmlContent.find("a:not(.close)");
 
-                // 7 links in description.html, 1 "more info" link in template
-                expect($links.length).toBe(8);
+                // 8 links in description.html, 1 "more info" link in template
+                expect($links.length).toBe(9);
 
                 $links.each(function (i, anchor) {
                     $a = $(anchor);