任何人都可以帮助我使用gregjacobs / Autolinker.js的工作示例

时间:2015-05-30 17:57:09

标签: javascript jquery regex autolink

我正在尝试在页面上创建文本链接活动超链接。每次通过表单将新文本链接添加到页面时,我需要重新运行atolink脚本,因此新添加的文本链接也会成为活动超链接,而无需重新加载整个页面。

这是表格

2 个答案:

答案 0 :(得分:3)

尝试在body标记结束前放置脚本。问题是脚本在标记甚至呈现之前正在执行。这样的事情会有所帮助。

<html>
  <head></head>
  <body>
    <div id="testing">
      http://www.test.com
      <br> @test
      <br> #test
      <br>
    </div>
    <script src="./dist/Autolinker.js"></script> <------ Also place the library at the end 

    <script type="text/javascript"> 
      var myTextEl = document.getElementById('testing');
      myTextEl.innerHTML = Autolinker.link(myTextEl.innerHTML);
    </script>
  </body>
</html>

答案 1 :(得分:1)

多数民众赞成因为document.getElementById( 'testing' )正在返回null ..而你正试图获得innerHTML的空对象..

它返回null,因为您的脚本在<div id="testing">之前加载。移动它下面的脚本,它将工作..