Breaking News: Grepper is joining You.com. Read the official announcement!

How to replace plain URL with link using JavaScript ?

Mr.D answered on August 24, 2021 Popularity 5/10 Helpfulness 3/10

answer How to replace plain URL with link using JavaScript ?

How to replace plain URL with link using JavaScript ?

Comment

<!DOCTYPE HTML>
<html>
<head>
    <title>
        How to replace plain URL with
        link using JavaScript ?
    </title>
</head>
 
<body style = "text-align:center;">
     
    <h1 style = "color:green;">
        GeeksForGeeks
    </h1>
     
    <p id = "GFG_UP" style =
            "font-size: 15px; font-weight: bold;">
    </p>
     
    <button onclick = "GFG_Fun()">
        click here
    </button>
     
    <p id = "GFG_DOWN" style =
        "font-size: 24px; font-weight: bold; color: green;">
    </p>
     
    <script>
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
        var text = 'This is https://www.geeksforgeeks.org/';
         
        up.innerHTML = "Click on the button to replace "
                + "plain URLs with links.<br>" + text;
         
        function rep(text) {
             
            // Put the URL to variable $1 after visiting the URL
            var Rexp =
/((http|https|ftp):\/\/[\w?=&.\/-;#~%-]+(?![\w\s?&.\/;#~%"=-]*>))/g;
             
             // Replace the RegExp content by HTML element
            return text.replace(Rexp,
                    "<a href='$1' target='_blank'>Link to URL</a>");
        }
         
        function GFG_Fun() {
            down.innerHTML = rep(text);
        }
    </script>
</body>
 
</html>

Popularity 5/10 Helpfulness 3/10 Language javascript

Source: www.geeksforgeeks.org

Tags: javascript replace url using

Link to this answer
Share Copy Link

Contributed on Sep 20 2022

Mr.D

0 Answers Avg Quality 2/10

Closely Related Answers

replace link in javascript

Comment

  window.location.replace("http://localhost/wordpress/dashboard/");

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: replace javascript javascrip

Link to this answer
Share Copy Link

Contributed on Aug 24 2021

kinjal suryavanshi

0 Answers Avg Quality 2/10

How to replace plain URL with link using JavaScript ?

Contents

More Related Answers

How to replace plain URL with link using JavaScript ?

Closely Related Answers

replace link in javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.