javascript - 将文本区域的每一行变成一个链接

Question

假设我有一个文本区域和一个切换按钮:

<div class="input">
  <textarea id="links">
    http://facebook.com
    http://friendster.com
    http://google.com
    http://facebook.com
    http://friendster.com
  </textarea>
  <a href="#" class="toggle">Toggle</a>
</div>

如何使文本区域中的每个链接都可以通过单击切换按钮来单击？

$('.toggle').click(function(){
  var clickable = false;
  if(!clickable){
    var links = $(this).closest('.input').find('textarea').val().split('\n');
    $.each(links,function(){
      //lost here
    });
  }
  return false;
});

Answer 1

您不能在文本区域内创建可点击的链接，它们用于纯文本。

不过有可能的解决方法，您可以制作一个 div，将文本区域的格式化内容复制到此 div，当单击“切换”时，然后切换文本区域和 div。