Ask HN: How to design private messaging emoticons?
I have a social networking site that I have coded myself. I have an option there for members to send comments back and forth to each other. I want to enable 'emoticons'; but I am not sure how to do that.. Do I just put some 'special tags' in the comment and then decode while displaying? can someone offer any input on this?
8 comments
First off, I heavily advise against emoticons. People are usually perfectly happy with plain-text ones, and some people are avidly against graphical ones. Plus, if you have many triggers for emoticons that aren't immediately obvious, people can become confused when an icon pops up where they weren't expecting one.
That said, implementing said emoticons is a simple task. Assign a list of emoticon codes and image files (eg. ":)" => "smile.gif" and ":D" => "grin.gif") either hardcoded or in a database table depending on your needs, and use a simple search-and-replace function to replace the emoticon code with an image tag of the file. Make sure this is done when the message's body is parsed, and NOT before it gets inserted into the database.
That said, implementing said emoticons is a simple task. Assign a list of emoticon codes and image files (eg. ":)" => "smile.gif" and ":D" => "grin.gif") either hardcoded or in a database table depending on your needs, and use a simple search-and-replace function to replace the emoticon code with an image tag of the file. Make sure this is done when the message's body is parsed, and NOT before it gets inserted into the database.
[deleted]
look into bbcode or the way msn, yahoo, aim, gmail chat etc. turn character combinations into "emoticons". Depending on your language of choice you will then do a string replace on the character combos for the image it relates to when you display that text.
Thanks guys. I ended up doing a 'string replace' when displaying the msg content.