Click here to Skip to main content
15,122,083 members
Articles / Web Development / ASP.NET
Posted 28 Jun 2003


47 bookmarked

Display Emoticons on an ASP.NET Webpage

Rate me:
Please Sign up or sign in to vote.
4.19/5 (21 votes)
28 Jun 2003CPOL1 min read
Code to replace emoticons within a string by their HTML-images.

Sample Image - AspNetEmoticons.jpg


Inspired by a question in the CodeProject's ASP.NET forum, I decided to quick-assemble some code for displaying emoticons within a web page.

Displaying emoticons is the task of replacing text-fragments within a string (e.g. ":-)", ":-(" ) by some HTML code that displays an image (e.g. Laughing smiley and Crying smiley). So simple spoken, the whole project is a nicely encapsulated string-replace that hopefully is useful to the guy who asked the question, as well as to other programmers.


The project contains a ready-to-compile-and-run Visual Studio 2003 solution with one Web Form web page Index.aspx to test out the functionality. The effective code is contained within the class Emoticon in the file Emoticons.cs.

The class Emoticon has two static members. The first is:

/// <summary>
/// Returns a collection of all available emoticons.
/// </summary>
public static Emoticon[] All

to get a collection of all available emoticons. Within this member, the actual references to the image files are created, so if you want to add your own emoticons, you must place the news images within the Emoticons subfolder and modify this member to "know" the new emoticons.

The second static member is the function:

/// <summary>
/// Returns a string with all emoticons replaced by their images.
/// </summary>
public static string Format( string input )

This member function does the core replacement of an input string with the HTML-code to display the the emoticons. Any occurrence of the emoticons registered within All are replaced and returned by this function.

Using the code

To use the code, simply call the Format function like this:

string text = Emoticon.Format( "Some text with a smiley :-) emoticon." );


  • 2003-06-29: Article created


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Uwe Keim
Chief Technology Officer Zeta Producer Desktop CMS
Germany Germany
Uwe does programming since 1989 with experiences in Assembler, C++, MFC and lots of web- and database stuff and now uses ASP.NET and C# extensively, too. He has also teached programming to students at the local university.

In his free time, he does climbing, running and mountain biking. Recently he became a father of a cute boy.

Some cool, free software from us:

Deutschsprachiges Forum zu Elektromobilität und Tesla  
Windows 10 Ereignisanzeige  
German Developer Community  
Free Test Management Software - Intuitive, competitive, Test Plans. Download now!  
Homepage erstellen - Intuitive, very easy to use. Download now!  
Send large Files online for free by Email

Comments and Discussions Pin
farooq14820088-Aug-11 19:29
Memberfarooq14820088-Aug-11 19:29 
GeneralNice work!!! Pin
simpa29-Sep-10 3:04
Membersimpa29-Sep-10 3:04 
GeneralThx Pin
Morten Jørgensen1-Feb-10 11:40
MemberMorten Jørgensen1-Feb-10 11:40 
GeneralEmoticon.Format in a bound dataGrid Pin
gadgetfbi16-Jul-03 14:45
Membergadgetfbi16-Jul-03 14:45 
GeneralRe: Emoticon.Format in a bound dataGrid Pin
Uwe Keim20-Jul-03 4:33
sitebuilderUwe Keim20-Jul-03 4:33 
GeneralPlease be patient... Pin
Uwe Keim29-Jun-03 9:54
sitebuilderUwe Keim29-Jun-03 9:54 
GeneralRe: Please be patient... Pin
Uwe Keim29-Jun-03 10:02
sitebuilderUwe Keim29-Jun-03 10:02 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.