使用JQuery Linkify插件时,如何截断网址?

TIM*_*MEX 13 javascript url jquery hyperlink

https://github.com/maranomynet/linkify

我正在使用这个插件.它有效,一切都很好.但是有一个选项我可以插入它,以便如果网址长度超过"X",然后截断它,并添加"..."?

现在网址太长了.

我在演示中注意到有一个"handleLinks"回调函数,但我该如何使用它?

ant*_*rat 9

你是对的,你可以使用handleLinks回调函数.例如,我编写了您需要的简单功能:

handleLinks: function (links) {
    for (var i = 0, cnt = links.length, tmpLink; i < cnt; i++) {
        tmpLink = links[i].innerHTML;
        if (tmpLink.length > 10) {
            links[i].innerHTML = tmpLink.substr(0, 10) + '...';
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

如果长度超过10个字符,它会截断链接.您可以根据需要修改此脚本.

  • 这可能是不必要的,但我很想添加`links [i] .title = tmpLink;`只是为了确保用户能够看到完整的URL(我知道它在状态栏中可见)在屏幕的底部,但即便如此......). (4认同)