谁能帮我解决 gregjacobs/Autolinker.js 的工作示例

Question

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

这是表格

Answer 1

那是因为 document.getElementById( 'testing' ) 正在返回 null.. 而您正在尝试获取空对象的 innerHTML..

它返回 null，因为您的脚本是在 <div id="testing"> 之前加载的。将脚本移到它下面，它将起作用..

Answer 2

尝试将脚本放在正文标记结束之前。问题是脚本甚至在呈现标签之前就在执行。这样的事情应该有所帮助。

<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>

谁能帮我解决 gregjacobs/Autolinker.js 的工作示例

Can anyone help me with working examples of gregjacobs/Autolinker.js

javascript

jquery

regex

autolink