在textarea中插入图片的办法(转载)

原文地址：http://www.cnxinhua.com/html/17688.html

最近一个客户要求这个功能----在textarea中插入图片，用来模仿UBB代码，但又不同于UBB，原因是UBB点击某个图片的时候，在textarea中插入的是一些特殊的字符，而他要求的是将图片插入到textarea中。
太难实现了，原因是textarea中只允许插入文字，不允许插入图片，找了很长时间，最终还是没有找到，最后只能改用其他方法模拟。
找了很久，找到div有一个属性 contenteditable，当这个属性为true时，此层可编辑；当这个属性为false时，层不可编辑。
当层可编辑的时候，就像textarea了，但是，当输入的文字的行数多的时候，层会自动加高，这样给这个层加上 overflow:auto;属性就可以了。

以下是我的代码，与大家共享
index.html

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
        

          οnclick="getPos();"   οnkeyup="getPos();"  contenteditable="true">
          abcdefg