如何为在线编辑器添加图片。跟传统用法有别，请指教,高分送上。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> html编辑器教程 </TITLE>
<script language="javascript">
<!--
.....
var rep
function rec()
{
rep=olEditor.document.selection.createRange()
}
function ExtractFileExt(path)
{
var start=path.lastIndexOf(".");
var len=path.length;
return path.substring(start+1,len).toLowerCase();
}
function checkimg()
{
olEditor.focus();
var imgpath=document.all.image.value
if(ExtractFileExt(imgpath)!="gif" && ExtractFileExt(imgpath) != "jpg")
{
alert("图片格式只能为gif或jpg，请重新上载！");
return false;
}
rep.pasteHTML("<img src='" + imgpath +"'>");
olEditor.focus();
}// -->
</script>
</HEAD>
<input type="file" name=image  onmousedown="rec()" onchange="checkimg()">
<br>
定义一个全局变量记录位置rep=olEditor.document.selection.createRange()
当编辑窗体使去焦点时就记录到rep,插入时调用rep;