This tool will extract link from any bulk text into line by line separated text,
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Extract Links</title>
</head>
<body>
<textarea id="inputText" rows="4" cols="50"></textarea><br>
<button onclick="extractLinks()">Extract Links</button><br>
<textarea id="outputText" rows="4" cols="50" readonly></textarea>
<script>
function extractLinks() {
var inputText = document.getElementById("inputText").value;
var regex = /(?:https?|ftp):\/\/[\n\S]+/g;
var matches = inputText.match(regex);
var outputText = "";
if (matches) {
for (var i = 0; i < matches.length; i++) {
outputText += matches[i] + "\n";
}
}
document.getElementById("outputText").value = outputText;
}
</script>
</body>
</html>
Explanation of code basic concept:
This HTML code creates a simple web page with a textarea for input, a button to trigger the extraction of links from the input text, and another textarea to display the extracted links. Here's what each part of the code does:
- The
textareaelement with the id "inputText" is used for inputting the text containing links. - The
buttonelement with theonclickattribute set to "extractLinks()" triggers theextractLinksfunction when clicked. - Another
textareaelement with the id "outputText" is used to display the extracted links. - Inside the
scripttag, theextractLinksfunction is defined. This function does the following:- It retrieves the input text from the textarea with the id "inputText".
- It defines a regular expression (
regex) to match URLs. This regex matches URLs starting with "http", "https", or "ftp". - It uses the
matchmethod with the regex to find all matches of URLs in the input text. - It iterates over the matches found and appends each match followed by a newline character to the
outputTextvariable. - Finally, it sets the value of the textarea with the id "outputText" to the
outputText, effectively displaying the extracted links.
So, when you input text containing URLs into the first textarea and click the "Extract Links" button, the script will find all URLs in the input text and display them line by line in the second textarea.
