You are able to get the text/filename of the image right? Can you make it return

change -insertNodeOverSelection(document.createTextNode(form.area.value), 
document.getElementById('editable')); to 


var x=document.createElement('img');
  x.src=form.area.value;
  insertNodeOverSelection(x, document.getElementById('editable'));