日期:2014-05-16  浏览次数:20328 次

如何往一个可编辑div的指定光标处插入图片

在上图中的框框是一个可编辑的div,我想在指定光标处(例如我的光标在第一行的末尾)插入一张图片,该如何实现,插入文字简单可以实现,但是如何插入一张图片不知道如何操作,请教了
指定位置 插入图片 可编辑div

------解决方案--------------------

   <div id="editer" contentEditable="true" style="border:1px solid #ccc;width:400px;height:200px" >
  123456<br/>123456
  </div>
  <button onclick="InsertImage()">InsertImage</button> 
 <script language="javascript">
 var editer=document.getElementById('editer');
 function InsertImage(){
ImagePath = window.prompt('图片URL:', '');
editer.focus();
document.execCommand('InsertImage', false, ImagePath);
 }
</script>