JavaScript Regular expressions, match and replace link

Question

please help me

 <html>
  <body>
       http://domainname.com/abc/xyz.zip
       http://domainname2.com/abc/xyz.zip 

 </body>
 </html>

I want replace with link and out put like

 <html>
  <body>
      <a href="http://domainname.com/abc/xyz.zip">http://domainname.com/abc/xyz.zip</a>
      <a href="http://domainname2.com/abc/xyz.zip">http://domainname2.com/abc/xyz.zip</a>

 </body>
 </html>

Great Thank

possible duplicate of [replace URL with HTML Links javascript](http://stackoverflow.com/questions/37684/replace-url-with-html-links-javascript) — Skilldrick, Jun 15 '10 at 15:35

score 1 · Answer 1 · edited May 23 '17 at 12:13

1

You should not use regular expressions to parse HTML.

edited May 23 '17 at 12:13

Community

1
1

answered Jun 15 '10 at 15:38

VeeArr

6,039
3
24
45

2

He's not, he wants a regular expression to replace text with HTML. – Andy E Jun 15 '10 at 15:43
4

Except that this requires you to be aware of the link's context. What if the link is already inside of an `` tag? – VeeArr Jun 15 '10 at 15:44

score 0 · Answer 2 · answered Jun 15 '10 at 17:40

Try this function:

function linkify(element) {
    var children = element.childNodes,
        stub = document.createDocumentFragment();
    for (var i=0; i<children.length; ++i) {
        if (children[i].nodeType === Node.TEXT_NODE) {
            var parts = children[i].nodeValue.split(/(http:\/\/\S+)/);  // adjust regex
            if (parts.length > 1) {
                for (var j=0; j<parts.length; ++j) {
                    if (j % 2 === 1) {
                        var link = document.createElement("a");
                        link.setAttribute("href", parts[j]);
                        link.appendChild(document.createTextNode(parts[j]));
                        stub.appendChild(link);
                    } else {
                        stub.appendChild(document.createTextNode(parts[j]));
                    }
                }
                continue;
            }
        }
        stub.appendChild(children[i]);
    }
    document.write(stub.childNodes.length);
    element.parentNode.replaceChild(stub, element);
}
linkify(document.body);

This is pure DOM manipulation. This linkify function expects the argument to be a HTMLElement. You just need to adjust the regular expression to grab the URLs.

JavaScript Regular expressions, match and replace link

2 Answers2