Editor di testo, passagio a codice HTML: div invece di br

[SimoX90]

Posta un esempio di ciò che ti stampa

[Alessio Puppi]

Ho risolto in parte il problema

Posta un esempio di ciò che ti stampa

Se scrivo:

uno
due
tre

mi risulta

uno
<div>due</div>
<div>tre</div>

Dunque ho cambiato IFRAME con il DIV

<div contenteditable="True" id="editArea" name="editArea" style="width:100%;height:100%;background:#FFFFFF" src="about:blank" >Inserire in testo</div>

E nel codice ho intercettato il tasto a capo

document.getElementById('editArea').onkeyup=doStuff;

function doStuff(e)
{
if(e.keyCode == 13) {
  var s=document.getElementById("editArea").innerHTML;
  s=s.replace("<div>","<br/>").replace("</div>","\n");
  document.getElementById("editArea").innerHTML=s;
  }
}

Se digito

uno <invio>

unodue

Il cursore torna ad affiancare il testo "uno" nonostante sono andato a capo ma comunque funziona!

unodue<br/><br/>

Però c'è un secondo problema:

uno

due
tre

In questo caso dopo aver allineato "due" in modo centrato, nel tentativo di andare a capo mi crea un'ulteriore div annidato, cioè

 
 uno <br/>
<div style="text-align: center;"><span style="font-size: 0.75em; line-height: 1.41em;">due</span>
<div style="text-align: center;"><span style="font-size: 0.75em; line-height: 1.41em;">tre</span></div></div>

Non voglio usare editor già esistenti, preferisco trovare la soluzione.

Grazie