如何往一个可编辑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>