当前位置：文江博客话题详情

将 twitter @'s 和 #'s 转换为来自 Twitter Rest api 的链接？

发布于 2024-12-10 05:47:22 字数 80 浏览 0 评论 0原文

当我从其余 api 获取 json 时，它以纯文本形式出现。我需要将 @.. 和 #.. 转换为实际链接。无论如何用javascript来做这个？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

故人爱我别走 2024-12-17 05:47:22

假设 text 是包含消息的字符串。正则表达式可以轻松地将@和#转换为链接。 replace 函数采用两个参数：

搜索词（正则表达式：@(\S+) 表示：“匹配 @ 之后的任何非空格，并将非空白字符分组 (\s+))
替换。 $1 指的是 1 处的分组匹配。

代码：

text = text.replace(/@(\S+)/g, '<a href="https://twitter.com/#!/$1">@$1</a>')
           .replace(/#(\S+)/g, '<a href="https://twitter.com/#!/%23$1">#$1</a>');

Assume text to be the string containing the message. A Regular expression can easily convert the @'s and #'s to links. The replace function takes two arguments:

Search term (regular expression: @(\S+) means: "Match any non-whitespace after @, and group the non-whitespace characters (\s+))
Replacement. The $1 refers to the grouped match at 1.

Code:

text = text.replace(/@(\S+)/g, '<a href="https://twitter.com/#!/$1">@$1</a>')
           .replace(/#(\S+)/g, '<a href="https://twitter.com/#!/%23$1">#$1</a>');

回复收藏 0 原文

葬シ愛 2024-12-17 05:47:22

这里发布了一个很好的功能这对我来说效果很好。只需通过它运行 Twitter 'text' 属性即可：

// Convert URLs (w/ or w/o protocol), @mentions, and #hashtags into anchor links
function twitterLinks(text)
{
    var base_url = 'http://twitter.com/';   // identica: 'http://identi.ca/'
    var hashtag_part = 'search?q=#';        // identica: 'tag/'
    // convert URLs into links
    text = text.replace(
        /(>|<a[^<>]+href=['"])?(https?:\/\/([-a-z0-9]+\.)+[a-z]{2,5}(\/[-a-z0-9!#()\/?&.,]*[^ !#?().,])?)/gi,
        function($0, $1, $2) {
            return ($1 ? $0 : '<a href="' + $2 + '" target="_blank">' + $2 + '</a>');
        });
    // convert protocol-less URLs into links        
    text = text.replace(
        /(:\/\/|>)?\b(([-a-z0-9]+\.)+[a-z]{2,5}(\/[-a-z0-9!#()\/?&.]*[^ !#?().,])?)/gi,
        function($0, $1, $2) {
            return ($1 ? $0 : '<a href="http://' + $2 + '">' + $2 + '</a>');
        });
    // convert @mentions into follow links
    text = text.replace(
        /(:\/\/|>)?(@([_a-z0-9\-]+))/gi,
        function($0, $1, $2, $3) {
            return ($1 ? $0 : '<a href="' + base_url + $3
                + '" title="Follow ' + $3 + '" target="_blank">@' + $3
                + '</a>');
        });
    // convert #hashtags into tag search links
    text = text.replace(
        /(:\/\/[^ <]*|>)?(\#([_a-z0-9\-]+))/gi,
        function($0, $1, $2, $3) {
            return ($1 ? $0 : '<a href="' + base_url + hashtag_part + $3
                + '" title="Search tag: ' + $3 + '" target="_blank">#' + $3
                + '</a>');
        });
    return text;
}

There's a good function posted here that worked well for me. Just run the Twitter 'text' property through it:

// Convert URLs (w/ or w/o protocol), @mentions, and #hashtags into anchor links
function twitterLinks(text)
{
    var base_url = 'http://twitter.com/';   // identica: 'http://identi.ca/'
    var hashtag_part = 'search?q=#';        // identica: 'tag/'
    // convert URLs into links
    text = text.replace(
        /(>|<a[^<>]+href=['"])?(https?:\/\/([-a-z0-9]+\.)+[a-z]{2,5}(\/[-a-z0-9!#()\/?&.,]*[^ !#?().,])?)/gi,
        function($0, $1, $2) {
            return ($1 ? $0 : '<a href="' + $2 + '" target="_blank">' + $2 + '</a>');
        });
    // convert protocol-less URLs into links        
    text = text.replace(
        /(:\/\/|>)?\b(([-a-z0-9]+\.)+[a-z]{2,5}(\/[-a-z0-9!#()\/?&.]*[^ !#?().,])?)/gi,
        function($0, $1, $2) {
            return ($1 ? $0 : '<a href="http://' + $2 + '">' + $2 + '</a>');
        });
    // convert @mentions into follow links
    text = text.replace(
        /(:\/\/|>)?(@([_a-z0-9\-]+))/gi,
        function($0, $1, $2, $3) {
            return ($1 ? $0 : '<a href="' + base_url + $3
                + '" title="Follow ' + $3 + '" target="_blank">@' + $3
                + '</a>');
        });
    // convert #hashtags into tag search links
    text = text.replace(
        /(:\/\/[^ <]*|>)?(\#([_a-z0-9\-]+))/gi,
        function($0, $1, $2, $3) {
            return ($1 ? $0 : '<a href="' + base_url + hashtag_part + $3
                + '" title="Search tag: ' + $3 + '" target="_blank">#' + $3
                + '</a>');
        });
    return text;
}

回复收藏 0 原文

~没有更多了~