Suchen Sie nach Twitter-Hashtags mit jQuery und wenden Sie einen Link an

7

Ich möchte damit beginnen, indem ich sage, dass ich bei jQuery kaum ein Profi bin und das scheint eine nicht standardmäßige Frage zu sein.

Grundsätzlich mache ich einen Blog in WordPress, und integriert in die Schleife zeigt es Tweets von meinem Twitter-Profil. Ich würde gerne wissen, wie man die Hashtags aus diesen Tweets (zB #foo) auswählt und dann einen HTML-Link auf den Hashtag wie folgt anwendet ...

%Vor%

Der Link muss auch den Wert des Hashtags (minus der #) in den #search? q = Teil des Links einfügen.

Ist das möglich und wenn ja, wie würde ich das machen?

Danke, Charlie Ryan

BEARBEITEN:

Der Hashtag #foo ist Teil einer h1, wobei keine Tags das Wort wie

unterscheiden %Vor%

Also muss ich im Grunde alle Zeichenfolgen finden, die mit # beginnen und sie durch den oben gezeigten Link ersetzen.

    
Charlie Ryan 06.02.2011, 13:24
quelle

3 Antworten

17

Sie würden einen regulären Ausdruck erstellen, um diese Hashtags zu finden und sie durch einen Link zu ersetzen, indem Sie Rückreferenzen verwenden, um das passende Tag zu erhalten.

%Vor%

Bearbeiten : Ich habe den relevanten Code in eine Funktion verschoben, die eine Zeichenfolge mit Hashtags akzeptiert und dieselbe Zeichenfolge mit den durch Links ersetzten Tags zurückgibt. Es ist nicht so auf jQuery angewiesen.

%Vor%

Übergeben Sie einfach einen HTML-Wert für Elemente und ersetzen Sie den Wert durch das Ergebnis von linkHashtags . Man könnte wahrscheinlich ein jQuery-Plugin schreiben, um das zu vereinfachen.

Beispiel

Dieser reguläre Ausdruck benötigt vielleicht etwas Arbeit, ich bin mir nicht sicher, welche Zeichen in einem Hashtag verwendet werden dürfen, aber ich denke, Sie haben die Idee.

    
Reiner Gerecke 06.02.2011, 13:34
quelle
2

Sie müssen sich nicht mit komplexen Regexen herumschlagen. Wenn Sie eine Benutzerzeitleiste über die Twitter API mit / status / user_timeline anfordern, können Sie einen Parameter namens include_entities auf true festlegen. Siehe diese Seite der Dokumentation:

Ссылка

Dies fügt jedem Tweet, der Entität genannt wird, ein JSON-Objekt hinzu. Die Entität enthält alle Details zu jedem Hashtag im Tweet, die alle für Sie analysiert wurden. Sie erhalten den Text des Hashtags und dessen Anfangs- und Endpositionen im Tweet. Sie können eine verlinkte Version des Tags einfach wieder in den Text einfügen, bevor Sie es anzeigen.

    
Adam Green 06.02.2011 13:50
quelle
0

Warum willst du das mit jQuery machen? Verwenden Sie ein Wordpress-Plugin: Twittify! Dieses Plugin verwandelt einfach Twitter @usernames und '#hashtags in Links zum entsprechenden Ort auf Twitter.

Sie sollten die Änderungen im DOM immer auf ein Minimum reduzieren.

    
gearsdigital 06.02.2011 13:39
quelle

Tags und Links