如何在textarea里添加表情图片？

Question

text    area
我觉得既然叫text area,是不是就不能添加图片啊

Answer 1

分两页帖上。<style type="text/css">
iframe.Content_iframe {
width:100%;
height:100%;
border-right: 1 solid #808080;
border-left: 1 solid #808080;
border-top: 1 solid #808080;
border-bottom: 1 solid #808080;
frameBorder: 0;
}</style><table width="100%" height="150" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="30%" align="center"><div style="size:auto">
      <table  border="0" cellspacing="2" cellpadding="0">
        <tr>
          <td width="24" height="24" align="center" valign="middle"><input type="image" src="face/1.gif" width="24" height="24" onClick="addface();"></td>
          <td width="24" height="24" align="center" valign="middle"><input type="image" src="face/2.gif" width="24" height="24" onClick="addface();"></td>
          <td width="24" height="24" align="center" valign="middle"><input type="image" src="face/3.gif" width="24" height="24" onClick="addface();"></td>
          <td width="24" height="24" align="center" valign="middle"><input type="image" src="face/4.gif" width="24" height="24" onClick="addface();"></td>
          <td width="24" height="24" align="center" valign="middle"><input type="image" src="face/5.gif" width="24" height="24" onClick="addface();"></td>
          <td width="24" height="24" align="center" valign="middle"><input type="image" src="face/6.gif" width="24" height="24" onClick="addface();"></td>
          <td width="24" height="24" align="center" valign="middle"><input type="image" src="face/7.gif" width="24" height="24" onClick="addface();"></td>
          <td width="24" height="24" align="center" valign="middle"><input type="image" src="face/8.gif" width="24" height="24" onClick="addface();"></td>
        </tr>
        <tr>
          <td height="24" align="center" valign="middle"><input type="image" src="face/9.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/10.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/11.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/12.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/13.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/14.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/15.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/16.gif" width="24" height="24" onClick="addface();"></td>
        </tr>
        <tr>
          <td height="24" align="center" valign="middle"><input type="image" src="face/17.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/18.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/19.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/20.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/21.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/22.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/23.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/24.gif" width="24" height="24" onClick="addface();"></td>
        </tr>
        <tr>
          <td height="24" align="center" valign="middle"><input type="image" src="face/25.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/26.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/27.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/28.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/29.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/30.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/31.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/32.gif" width="24" height="24" onClick="addface();"></td>
        </tr>
        <tr>
          <td height="24" align="center" valign="middle"><input type="image" src="face/33.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/34.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/35.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/36.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/37.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/38.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/39.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/40.gif" width="24" height="24" onClick="addface();"></td>
        </tr>
        <tr>
          <td height="24" align="center" valign="middle"><input type="image" src="face/41.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/42.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/43.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/44.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/45.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/46.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/47.gif" width="24" height="24" onClick="addface();"></td>
          <td height="24" align="center" valign="middle"><input type="image" src="face/48.gif" width="24" height="24" onClick="addface();"></td>
        </tr>
      </table>
    </div></td>
    <td width="70%"><iframe  id="Content_editor" CLASS="Content_iframe" name="Content_editor"  onBlur="saveTxtToHidden()" ></IFRAME></td>
  </tr>
</table>

Answer 2

textarea里面不能显示图片的.不要费神了
楼上的朋友用的是iframe

Answer 3

<script language="JavaScript">
Content_editor.document.designMode="on";
Content_editor.document.open();
Content_editor.document.close();
Content_editor.document.body.innerHTML="";
bs = Content_editor.document.body.style;
bs.scrollbar3dLightColor= '#D4D0C8';
bs.scrollbarArrowColor= '#000000';
bs.scrollbarBaseColor= '#D4D0C8';
bs.scrollbarDarkShadowColor= '#D4D0C8';
bs.scrollbarFaceColor= '#D4D0C8';
bs.scrollbarHighlightColor= '#808080';
bs.scrollbarShadowColor= '#808080';
bs.scrollbarTrackColor= '#D4D0C8';
bs.fontSize = '9pt';
bs.border='0';
function alumni_textedit(content)
{
Content_editor.focus();
if(Content_editor.document.selection.type!='Control')
{
sel = Content_editor.document.selection.createRange();
sel.pasteHTML(content);
}
else
{
return;
}
}function addface()
{
var o=window.event.srcElement;
alumni_textedit('<img width=24 height=24 border=0 src='+o.src+' >' )
}function saveTxtToHidden()
{
if(Content_editor.document.body.innerHTML=="<P>&nbsp;</P>")
Content_editor.document.body.innerHTML="";
document.all.txthidden.value=Content_editor.document.body.innerHTML;
}
</script>
<input name="txthidden" type="hidden" id="txthidden">不能连续发3帖郁闷死了，给你留言了。

Answer 4

http://ewebeditor.webasp.net/demo.asp??

Answer 5

还是要这样的？<textarea name=a style="width:100%;height:90%"></textarea>
<script>
o = document.createElement("IMG")
o.src="http://community.csdn.net/images/CSDN_logo.GIF"
a.appendChild(o)
</script>

Answer 6

<textarea name=a style="width:100%;height:90%"></textarea>
<script>
o = document.createElement("IMG")
o.src="http://dotnet.aspx.cc/Images/logoSite.gif"
a.appendChild(o)
o = document.createElement("IMG")
o.src="http://community.csdn.net/images/CSDN_logo.GIF"
a.appendChild(o)
o = document.createElement("IMG")
o.src="http://dotnet.aspx.cc/Images/logoSite.gif"
a.appendChild(o)
</script>

Answer 7

这种方法就行
<textarea name=a style="width:100%;height:90%"></textarea>
<script>
o = document.createElement("IMG")
o.src="http://community.csdn.net/images/CSDN_logo.GIF"
a.appendChild(o)
</script>

Answer 8

用下面的代替 TextArea 就可以复制图片并插入图片了。
<object id="objContent" class="EditorArea" classid="clsid:2D360201-FFF5-11D1-8D03-00A0C959BC0A" viewastext>
  <param name="ActivateApplets" value="0">
  <param name="ActivateActiveXControls" value="0">
  <param name="ActivateDTCs" value="1">
  <param name="ShowDetails" value="0">
  <param name="ShowBorders" value="0">
  <param name="Appearance" value="1">
  <param name="Scrollbars" value="1">
  <param name="ScrollbarAppearance" value="1">
  <param name="SourceCodePreservation" value="1">
  <param name="AbsoluteDropMode" value="0">
  <param name="SnapToGrid" value="0">
  <param name="SnapToGridX" value="50">
  <param name="SnapToGridY" value="50">
  <param name="UseDivOnCarriageReturn" value="1">
</object>

Answer 9

推翻自己的说法
看来见识还是太少了TextBox里加入图片？
<TEXTAREA rows=8 cols=20 id=textarea1 >
大家好！
这里是一个图片
</TEXTAREA><SCRIPT LANGUAGE=javascript>
<!--
var img = document.createElement("IMG");
img.src = "http://community.csdn.net/images/csdn.gif";
window.textarea1.appendChild(img);
//-->
</SCRIPT>