Mas que hacerlo al vuelo .... es decir mientras se escribe lo haria justo antes de $("editable").html(); Así no tendras que preocuparte de correcciones.....
    
Código Javascript
:
Ver original- var str = "<span>"+$("editable").val()+"</span>"; 
- var res1 = str.replace(" ","</span><span>"); 
- var res2 = res1.replace("\n","</span><span>"); 
- $("editable").val()=res2; 
- $("editable").html(); 
No uso jquery pero espero que la idea se entienda.