如何让上传文件后返回文件地址到编辑器中？

如何让上传文件后返回文件地址到编辑器中或者说，如何想编辑器中插图片或其他文件的连接？
我想自己写一个在线编辑器，功能不多，只要可以上传文件就可以了！
如果有开发过这种功能的前辈，大哥，大姐，大叔大妈,请你们帮帮我.....

下面是一个编辑器的框架，有了他，就可以实现文字编辑到HTML语言的转化了

<style>
body{
    font-size:12px;
    background-color: #E7E7E7;
}
      #edit{border:solid #CCCCCC 1px;width:100%;overflow-y:auto;margin-bottom:auto;height:250px; background-color:#FFFFFF}
      #view{border:solid #CCCCCC 1px;width:100%;overflow-y:auto;margin-bottom:auto;height:150px; background-color:#FFFFFF}
      
</style>
<form action="add.asp" name="form" method="post">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td>

   </td>
</tr>
  <tr>
    <td>
<div id="edit" contenteditable="true" onblur="document.getElementById('view').value=document.getElementById('edit').innerHTML" ></div>
   </td>
</tr>
<tr>
<td height="30">
<input type="button" value="代码模式" onclick="document.getElementById('view').value=document.getElementById('edit').innerHTML" style="border:solid #CCCCCC 1px;">
<input type="button" value="编辑模式" onclick="document.getElementById('edit').innerHTML=document.getElementById('view').value" style="border:solid #CCCCCC 1px;"></td>
</tr>
  <tr>
    <td><textarea id="view" name="view"></textarea></td>
  </tr>
<tr>
<td height="30" align="center">
<input type="submit" value="提   交" onclick="document.getElementById('view').value=document.getElementById('edit').innerHTML" style="border:solid #CCCCCC 1px;"></td>
  </tr>
</table>
</form>