Automatyczne emotikonki

Kiedy poznałem program Windows Live Writer (narzędzie czyniące blogowanie prostszym, szybszym i bardziej przyjemnym), spodobała Mi się m.in. funkcja automatycznej zamiany emotek ^{(uśmieszków)} na graficzne odpowiedniki. Wystarczyło przykładowo wpisać dwukropek i nawias - aby program zamienił ów tekst na graficzną uśmiechniętą "buźkę".

To rozwiązanie miało jednak słabą stronę: program wysyłał graficzne pliki emotek za każdym razem, gdy były potrzebne - w efekcie czego foldery na Naszym serwerze rychło się "zaśmiecały".

Wczoraj przyszło Mi na myśl, iż właściwie mógłbym spokojnie wykorzystać jQuery do tego samego zadania. Rozwiązanie takie byłoby ogromnie konkurencyjne, jako że

1. Nie mnożyłoby plików graficznych na serwerze (zamiast "setek" ikonek wystarczyłoby tylko kilka - po jednej na każdy rodzaj "buźki").
2. W razie potrzeby bardzo łatwo można by wymienić ikonki na inne... lub całkowicie je wyłączyć.

A oto kod którego możesz użyć do zamiany pojedynczej ikonki (w poniższym przykładzie zamiana odbywa się we wszystkich akapitach należących do klasy .SinglePost):

$('.SinglePost p').each(function() {
var text = $(this).html();
$(this).html(text.replace(/:\)/g, '<img src="AdresIkonki.png" />'));
});

Jeżeli chcesz dodać definicję zamiany kolejnych ikonek - potrzebujesz powielić cały powyższy kod, modyfikując czerwone fragmenty.