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

Question

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

Answer 1

   <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>