Using CSS 2.1, I can define classes for red suits and black suits respectively. However, the code doesn't look particularly "clean" to me, with classes and spans all over the place, e.g. in auctions. However, that's only a minor concern - and only to the geeky part of me. The worst is that it's a pain having to type "<span class="blacksuit">♣</span>" every time I want to describe someone bidding or playing clubs
I would like it so that I can write 2!H in the input field, and the output becomes 2♥, just like in these forums. How is this normally done on bridge blogs and sites? Using JavaScript? PHP? MySQL? XML?
I think I am missing something obvious - enlighten me

Help
