在线等 当在textarea中插入html标签时如何让效果直接显示出来？

当在textarea中插入html标签时如何直接显示出来？ 我打算自己写一个简单的html编辑器，下面是一个例子： 
<body> 
<script   language= "javascript "> 
function   format_sel(v)   { 
var   str   =   document.selection.createRange().text; 
document.f1.t1.focus(); 
var   sel   =   document.selection.createRange(); 
sel.text   =   " < "   +   v   +   "> "   +   str   +   " </ "   +   v   +   "> "; 
return; 
}   
</script> 
<form   id= "form1 "   name= "f1 "   method= "post "   action= " "> 
    <textarea   name= "t1 "   cols= "80 "   rows= "10 "> </textarea>   
    <a   href= "# "   onclick= "format_sel( 'strong ') "> B </a>               //这个就是我说的“B”连接 
</form> 
</body> 当选中一段文本点击“B”连接时，在选中文本的左边加一个 <strong> 在右边加一个 </strong> 。 例如textarea中有“例子”两个字，选中它们点“B”连接，textarea中的文本就会变成 " <strong> 例子 </strong> "，   但是我不希望这样，我想让他们直接将“例子”两个字显示成粗体我应该怎么做？