Added option to wrap link a link tag

Author: Vishal Kadam

extension/pages/options.html

@@ -48,6 +48,9 @@ <h2>Add-ons</h2>
               <li>
                 <strong>"clickableUrls"</strong> - <span class="hint">Make URLs clickable (boolean). Default true</span>
               </li>
+              <li>
+                <strong>"wrapLinkWithAnchorTag"</strong> - <span class="hint">Add URLs as anchor tag (boolean). Default false</span>
+              </li>
               <li>
                 <strong>"openLinksInNewWindow"</strong> - <span class="hint">Open URLs in the same window/tab (boolean). Default true</span>
               </li>

extension/src/json-viewer/highlighter.js

@@ -91,6 +91,14 @@ Highlighter.prototype = {
         elements.forEach(function(node) {
           node.classList.add("cm-string-link");
           node.setAttribute("data-url", decodedText);
+          if (self.wrapLinkWithAnchorTag()) {
+            var linkTag = document.createElement("a");
+            linkTag.href = decodedText;
+            linkTag.setAttribute('target', '_blank')
+            linkTag.innerHTML = decodedText;
+            node.innerHTML = "";
+            node.appendChild(linkTag);
+          }
         });
       }
     });
@@ -200,6 +208,10 @@ Highlighter.prototype = {
     return this.options.addons.clickableUrls;
   },
 
+  wrapLinkWithAnchorTag: function() {
+    return this.options.addons.wrapLinkWithAnchorTag;
+  },
+
   openLinksInNewWindow: function() {
     return this.options.addons.openLinksInNewWindow;
   },

extension/src/json-viewer/options/defaults.js

@@ -7,6 +7,7 @@ module.exports = {
     alwaysRenderAllContent: false,
     sortKeys: false,
     clickableUrls: true,
+    wrapLinkWithAnchorTag: false,
     openLinksInNewWindow: true,
     autoHighlight: true
   },