请问textarea中的html代码如何转化正常textarea中显示

请问textarea中的html代码如何转化正常textarea中显示，我现在用ckeditor提交一个带图片文字等一堆内容，然后js用
CKEDITOR.instances.content.getData();接收，现在我需要将接收到的内容在一个textarea中正常显示，请问各位大侠如何来写js来把ckeditor传来的html代码变成正常显示在<textarea id="te" name="te" value=""></textarea>这里，在线等，请各位帮帮忙，万分感谢！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="wteditorphp/ckeditor.js"></script>
<style type="text/css">
* {
font-family: "宋体";
font-size: 14px
}
</style>
<script language="javascript" type="text/javascript">
function xx(){
var tit=document.getElementById("title").value;
alert("tit:"+tit);
var src=CKEDITOR.instances.content.getData();//content为textarea的name
document.getElementById("te").value=src; 
alert("src:"+src);
}</script>
<title>CKEditor</title>
</head>
<body>
<textarea id="te" name="te" value=""></textarea><form id="form1" name="form1" method="post" action="mk.php" onsubmit="return xx();">
<table width="650" height="400" border="0" align="center"> <tr>
<td>主题:</td>
<td><input name="title" type="text" id="title" size="80"
maxlength="80" /></td>
</tr>
<tr>
<td valign="top">内容:</td>
<td><textarea name="content" id="content" style="display:none"></textarea> 
<script type="text/javascript">
CKEDITOR.replace('content',
{
          customConfig : 'sc_config.js'
        }
);
</script></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="Submit" value="提交" /> <input
type="reset" name="Reset" value="重置" /></td>
</tr>
</table>
</form>
</body>
</html>