Question

我有一个我正在制作的应用，并希望看到类似于Microsoft Word的功能，如果您从http://或www.开始，并使用.tld完成该网址，并点击空格或输入，Word'll将文本转换为可点击的链接。我想在发布链接时发生同样的事情。

这是我正在寻找的GIF：

http://i.makeagif.com/media/5-18-2016/lefWPr.gif（我没有10个代表点）

我更喜欢JS或任何非服务器端脚本。

Answer 1

＆＃13;

var pattern = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&\/=]*)/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>";
  }
});

＆＃13;

p, textarea,button{
display:block;
}

＆＃13;

<textarea id="text" cols="30" rows="10">

</textarea>

<button id="button" type="button">submit</button>
<p id="output"></p>

＆＃13;

将纯文本URL转换为可单击链接

1 个答案: