Search jQuery

jQuery Forum

Replace :-) with an Icon

in Using jQuery • 11 years ago

Hi, anyone know how to figure out how to replace an :-) in text? I would like to replace :-) with an smily icon.
I can replace :- but it seems like the ) is needs a special care in the pattern

$('.SomeDiv').html(function(i,html) {
return html.replace(/:-/g, '<img src="/MyFolder/icon_smile.gif" />');
});

Thanks!

Replies(2)

drwat21

Re: Replace :-) with an Icon

11 years ago

Hi just found a way to do this

var emoticons = {
smile: '<img src="/icons/smile.gif" />',
sad: '<img src="/icons/sad.gif" />',
wink: '<img src="/icons/wink.gif" />'
};

var patterns = {
smile: /:-\)/gm,
sad: /:-$/gm,
wink: /;-$/gm
};

$('.SomeDiv').each(function() {
var $CommentContent = $(this);
var html = $CommentContent.html();

$CommentContent.html(html.replace(patterns.smile, emoticons.smile).
replace(patterns.sad, emoticons.sad).
replace(patterns.wink, emoticons.wink));
});

Tnx to this page: http://dev.css-zibaldone.com/onwebdev/post/jquery-inserting-emoticons.html

arenyb

Re: Replace :-) with an Icon

11 years ago

As you found out, you have to escape the character. It should be pretty obvious that it will not be valid JavaScript otherwise, as you would end the "replace" function call prematurely.

Top Reply

Response title

Attachments

jQuery Forum

Replace :-) with an Icon

Replies(2)

Re: Replace :-) with an Icon

Re: Replace :-) with an Icon

Statistics

Tags

Actions

Related Posts