Vise HTML i stedet for tekst

I nedstående kode har jeg et problem. Når jeg markere en tekst og trykker på Fed viser den "<b>teksten</b>" Kan jeg få den til at vise koden i stedet?

<script language="JavaScript" type="text/javascript">
<!--
function makeBold() {
sT = document.selection.createRange();
sTxt = sT.text;
if(!sTxt.length > 0) { return( false); }
sT.text = "<b>" + sTxt + "<b>";
}
function makeItalic() {
sT = document.selection.createRange();
sTxt = sT.text;
if(!sTxt.length > 0) { return( false); }
sT.text = "<i>" + sTxt + "</i>";
}
function makeUnderstreget() {
sT = document.selection.createRange();
sTxt = sT.text;
if(!sTxt.length > 0) { return( false); }
sT.text = "<u>" + sTxt + "</u>";
}



//-->
</script>



<input type='button' value='Fed'
onClick="makeBold()" CLASS="button">&nbsp;<input type='button' value='Kursiv' onClick="makeItalic()" >&nbsp;<input type='button' value='Understreget' onClick="makeUnderstreget()" >
   


<div contenteditable id="container" style="border:1px solid black;height:150px;width:340px;">
</div>