將純文本URL轉換爲可點擊的鏈接

-1

我有一個我正在創建的應用程序，並希望看到類似於Microsoft Word的功能，其中如果您從http://或www.開始，並使用.tld完成網址並點擊空格或輸入，Word'll會將文本轉換爲可點擊的鏈接。我希望發佈鏈接時也會發生同樣的情況。將純文本URL轉換爲可點擊的鏈接

這裏是什麼，我要尋找一個GIF：

http://i.makeagif.com/media/5-18-2016/lefWPr.gif（我沒有10代表處點。）

我喜歡JS或任何非服務器端腳本。

來源

2016-05-18 MarshyM

檢查這個項目了 - https://github.com/bryanwoods/autolink-js – ThisClark

確實有一個代碼片段開始，你可以分享？ –

var pattern = /https?:\/\/(www\.)?[[email protected]:%._\+~#=]{2,256}\.[a-z]{2,4}\b([[email protected]:%_\+.~#?&\/=]*)/g; 
 

 
var button = document.querySelector('button'); 
 

 
button.addEventListener('click', function() { 
 
    var text = document.querySelector('#text').value; 
 
    var output = document.querySelector('#output'); 
 

 
    if (pattern.test(text)) { 
 
    output.innerHTML += '<a href="' + text.match(pattern) + '">' + text.match(pattern) + '</a><br>'; 
 
    } else { 
 
    output.innerHTML += text+"<br>"; 
 
    } 
 
});

p, textarea,button{ 
 
display:block; 
 
}

<textarea id="text" cols="30" rows="10"> 
 

 
</textarea> 
 

 
<button id="button" type="button">submit</button> 
 
<p id="output"></p>

來源

2016-05-18 01:56:09 DININDU

將純文本URL轉換爲可點擊的鏈接

回答

相關問題