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

[shellJ]

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

[fzfei2]

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

[shellJ]

引用 1 楼 fzfei2 的回复:

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

果然正解，谢了，还没试过那么快可以结贴的，分都给你了，3q