<span style="font-size:18px;"><html>
<title>文本框插入表情和图片</title>
<script language ="javascript" type="text/javascript">
function InsertPic(picpath)
{
var editor = document.getElementById('txtContent');
var img = document.createElement('img');
img.src = picpath;
editor.appendChild(img);
}
</script>
<body>
<div>表情:
<img src="img/1.gif" οnclick="InsertPic(this.src);"/>
<img src="img/2.gif" οnclick="InsertPic(this.src);"/>
<img src="img/3.gif" οnclick="InsertPic(this.src);"/>
<img src="img/4.gif" οnclick="InsertPic(this.src);"/>
<img src="img/5.gif" οnclick="InsertPic(this.src);"/>
<img src="img/6.gif" οnclick="InsertPic(this.src);"/>
</div>
<textarea id="txtContent" cols="50" rows="10" runat="server">向textarea插入图片:</textarea>
</body>
</html></span>
效果如下: