2013-09-26 16 views
32

Sto memorizzazione di contenuti nel database, per esempio:HTML - Carattere newline nel contenuto DIV modificabile?

Hello 
This 
is 
Text 

e quando passo che, per una textarea, rimane con le nuove interruzioni di riga. Ma se mi passate che il testo ad un div con contenuto modificabile, che sarebbe rimasto in questo modo:

Hello This is Text 

Come posso risolvere questo problema?

risposta

94

impostare uno stile sul div: white-space: pre o white-space: pre-wrap

Esempio: http://jsfiddle.net/fPv6S/

+6

Questa risposta merita molte più thumb-up. Se qualcuno ha bisogno di informazioni su 'white-space' (personalmente sono andato con' pre-wrap'): https://developer.mozilla.org/en-US/docs/Web/CSS/white-space – pilau

+1

o anche 'white -space: pre-line' – RezaRahmati

+0

Questo stile rende div output newlines come newline, ma se si copia e incolla l'area 'contenteditable', le nuove righe vengono ignorate. – ceremcem

0

Prova questo ......

var patt2 = new RegExp("<div>","g"); 
var patt3= new RegExp("</div>","g"); 
var patt4= new RegExp("<br>","g"); 
var z=x.replace(patt2,"\n").replace(patt3,"").replace(patt4,""); 

che lo farà ...

Problemi correlati