Regex corrispondenti emoticon

Question

Stiamo lavorando su un progetto in cui vogliamo che gli utenti siano in grado di utilizzare sia la sintassi emoji (come :smile:, :heart:, :confused:, :stuck_out_tongue:), così come le emoticon normali (come :), <3, :/, :p)

ho problemi con la sintassi emoticon perché a volte si verificheranno queste sequenze di caratteri in:

• stringhe normali o URL - http ://esempio. com
• all'interno della sintassi emoji - :p encil:

Come posso trovare queste sequenze di caratteri emoticon ma non quando gli altri personaggi sono vicino a loro?

L'intera espressione regolare che sto utilizzando per tutte le emoticon è enorme, quindi ecco una versione trimed giù:

(\:\)|\:\(|<3|\:\/|\:-\/|\:\||\:p) 

Si può giocare con una demo di esso in azione qui: http://regexr.com/3a8o5

Answer 1

Partita emoji prima (a prendersi cura del: Matita: esempio) e poi verificare la presenza di uno spazio bianco estinzione o di ritorno a capo:

(\:\w+\:|\<[\/\\]?3|[\(\)\\\D|\*\$][\-\^]?[\:\;\=]|[\:\;\=B8][\-\^]?[3DOPp\@\$\*\\\)\(\/\|])(?=\s|[\!\.\?]|$) 

Questa espressione regolare corrisponde al seguente (emoji preferendo) tornando alla partita in corrispondenza del gruppo 1:

:(:) :P :p :O :3 :| :/ :\ :$ :* :@ 
:-(:-) :-P :-p :-O :-3 :-| :-/ :-\ :-$ :-* :-@ 
:^(:^) :^P :^p :^O :^3 :^| :^/ :^\ :^$ :^* :^@ 
): (: $: *: 
)-: (-: $-: *-: 
)^: (^: $^: *^: 
<3 </3 <\3 
:smile: :hug: :pencil: 

supporta anche la punteggiatura terminale come un delimitatore oltre allo spazio bianco.

si possono vedere maggiori dettagli e testare qui: https://regex101.com/r/aM3cU7/4

Answer 2

I supponiamo che queste emoticon saranno comunemente usate con gli spazi prima e dopo. Quindi \s potrebbe essere quello che stai cercando, in quanto rappresenta uno spazio bianco.

Allora la tua espressione regolare sarebbe diventato

\s+(\:\)|\:\(|<3|\:\/|\:-\/|\:\||\:p)\s 

Answer 3

Fai un positive look-ahead for a space

([\:\<]-?[)(|\\/pP3D])(?:(?=\s)) 
|  |  |   | 
|  |  |   | 
|  |  |   |-> match last separating space 
|  |  |-> match last part of the emot 
|  |-> it may have a `-` or not 
|-> first part of the emoticon 

Dal momento che si sta utilizzando javascript, e non si ha accesso a guardare around:

/([\:\<]-?[)|\\/pP3D])(\s|$)/g.exec('hi :) ;D'); 

E quindi solo splice() la matrice risultante dall'ultima voce (th di al massimo probabilmente uno spazio)

Answer 4

Volete regex look-around per quanto riguarda la spaziatura.Un'altra risposta qui suggerito una positiva look-ahead, anche se mi piacerebbe andare a doppio negativo:

(?<!\S)(\:\)|\:\(|<3|\:\/|\:-\/|\:\||\:p)(?!\S) 

Mentre JavaScript non supporta (?<!pattern), look-behind can be mimicked:

test_string.replace(/(\S)?(\:\)|\:\(|<3|\:\/|\:-\/|\:\||\:p)(?!\S)/, 
        function($0, $1) { return $1 ? $0 : replacement_text; }); 

Tutto quello che ho fatto è stato prefisso il codice con (?<!\S) davanti e suffisso con (?!\S) sul retro. Il prefisso assicura che non si segua un carattere non di spazio vuoto, quindi le uniche voci iniziali valide sono spazi o niente (inizio della riga). Il suffisso fa la stessa cosa, assicurandoti di non essere seguito da un carattere non di uno spazio bianco. Vedi anche questo more thorough regex walk-through.

Uno dei commenti alla domanda stessa suggeriva i marcatori \b (limite di parole). Non li raccomando. In realtà, questo suggerimento farebbe il contrario di quello che vuoi; \b:/ corrisponderà effettivamente a http:// poiché esiste un limite di parole tra lo p e lo :. Questo tipo di ragionamento suggerisce \B (non un limite di parole), ad es. \B:/\B. Questo è più portabile (funziona praticamente con tutti i parser regex mentre i look-around non lo fanno), e in questo caso puoi sceglierlo, ma preferisco i look-around.