Code couleur :D

Bonjour,
J'ai mis un titre qui à l'air simpliste. Mais pour le bonheur des doués, des vrais, des dures :D
Je poste ici ;)
Voila j'ai un code js qui me permet de modifier le texte en direct d'un formulaire mail, il change les couleurs, mais malheureusement il donne des balises.
Les "profanes" seront donc vite perdu sachant que le site est utilisé par des gens entre 20 et 75 ans

<a  style="font-weight:bold" href="javascript:AddText('<g>','tapez votre texte ici','</g>');">Gras</a>
 <a style="font-style:italic" href="javascript:AddText('<i>','tapez votre texte ici','</i>');">Italique</a>
<a href="javascript:AddText('<u>','tapez votre texte ici','</u>');">Souligné</a>...
<br/>
couleur :<br/>
    <a  href="javascript:AddText('<span style=\'color:red\'>','Entrez votre texte ici ','</span>');"> <img style="height:3%;with:3%" src='couleur/rouge.jpg'>  </a>
   <a id="a" style='color:blue' href="javascript:AddText('<span style=\'color:blue\'>','Entrez votre texte ici','</span>');"><img style="height:3%;with:3%" src='couleur/bleu.jpg'></a>
   <a id="a" style='color:green' href="javascript:AddText('<span style=\'color:green\'>','Entrez votre texte ici','</span>');"><img style="height:3%;with:5%" src='couleur/vert.jpg'></a>
   <a id="a" style='color:orange' href="javascript:AddText('<span style=\'color:#DE921F\'>','Entrez votre texte ici','</span>');"><img style="height:3%;with:3%" src='couleur/orange.jpg'></a>
   <a id="a" style='color:silver' href="javascript:AddText('<span style=\'color:silver\'>','Entrez votre texte ici','</span>');"><img style="height:3%;with:3%" src='couleur/argenté.jpg'></a>
<a id="a" style='color:#DB7093' href="javascript:AddText('<span style=\'color:#DB7093\'>','Entrez votre texte ici','</span>');"><img style="height:3%;with:3%" src='couleur/rose.jpg'></a>
</p>
<script language="JavaScript" type="text/javascript">
//ce script permet de poster directement la configuration de couleur si dessus
function AddText(startTag,defaultText,endTag)
{
   with(document.poster)
   {
      if (message.createTextRange)
      {
         var text;
         message.focus(message.caretPos);
         message.caretPos = document.selection.createRange().duplicate();
         if(message.caretPos.text.length>0)
         {
            //gère les espace de fin de sélection. Un double-click sélectionne le mot
            //+ un espace qu'on ne souhaite pas forcément...
            var sel = message.caretPos.text;
            var fin = '';
            while(sel.substring(sel.length-1, sel.length)==' ')
            {
               sel = sel.substring(0, sel.length-1)
               fin += ' ';
            }
            message.caretPos.text = startTag + sel + endTag + fin;
         }
         else
            message.caretPos.text = startTag+defaultText+endTag;
      }
      else message.value += startTag+defaultText+endTag;
   }
}
</script>
<span><u> Sujet du message:</u></span><br/>
<input type='text'  name='titre'></input><br/><br/>
<span><u> Message:</u></span><br/>
<textarea
   rows="40"
   cols="100"
   name="message"
   wrap="virtual"
   onmouseover="this.focus();">

</textarea><br>
<input type="submit" name="soumettre" value="envoyer">
</form>
</body>
</html>

Ma question est donc la suivante :D est ce possible de trouver une astuce, de colorer le texte, et de cacher le code? Mais qu'ils soient utilisables dans le mail.
Merci :D