Renderizza una stringa in HTML e conserva spazi e interruzioni di riga

Ho un'app MVC3 che ha una pagina dei dettagli. Come parte di ciò ho una descrizione (recuperata da un db) che ha spazi e nuove linee. Quando viene renderizzato, le nuove linee e gli spazi vengono ignorati dall'html. Vorrei codificare quegli spazi e nuove linee in modo che non vengano ignorati.

Come si fa a farlo?

Ho provato HTML.Encode ma alla fine ho visualizzato la codifica (e nemmeno sugli spazi e sulle nuove linee ma su alcuni altri caratteri speciali)

Dai uno stile al contenuto con white-space: pre-wrap;.

div {
    white-space: pre-wrap;
}

<div>
This is some text   with some extra spacing    and a
few newlines along with some trailing spaces        
     and five leading spaces thrown in
for                                              good
measure                                              
</div>

hai provato a usare il <pre>tag.

http://jsfiddle.net/NweRa/

È possibile utilizzare white-space: pre-line per preservare le interruzioni di riga nella formattazione. Non è necessario inserire manualmente elementi html.

.popover {
    white-space: pre-line;    
}

o aggiungi al tuo elemento html style="white-space: pre-line;"

Si desidera sostituire tutti gli spazi con  (spazio non interruzione ) e tutte le nuove linee \ncon <<b></b>br>(interruzione di riga in html). Questo dovrebbe raggiungere il risultato che stai cercando.

body = body.replace(' ', &amp;nbsp;).replace('\n', '<<b></b>br>');

Qualcosa di quella natura.

Stavo provando la white-space: pre-wrap;tecnica dichiarata da Pete, ma se la stringa era continua e lunga è rimasta fuori dal contenitore e non si è deformata per nessun motivo, non ho avuto molto tempo per indagare .. ma se anche tu hai il stesso problema, ho finito per usare i <pre>tag e i seguenti css e tutto è andato bene ..

pre {
font-size: inherit;
color: inherit;
border: initial;
padding: initial;
font-family: inherit;
}

Come hai detto nella risposta di @Developer, probabilmente codificherei HTML sull'input dell'utente. Se sei preoccupato per XSS, probabilmente non avrai mai bisogno dell'input dell'utente nella sua forma originale, quindi potresti anche sfuggirlo (e sostituire spazi e newline mentre ci sei).

Nota che l'escape sull'input significa che dovresti usare @ Html.Raw o creare un MvcHtmlString per rendere quel particolare input.

Puoi anche provare

System.Security.SecurityElement.Escape(userInput)

ma penso che non sfuggirà nemmeno agli spazi. Quindi in quel caso, suggerisco di fare semplicemente un .NET

System.Security.SecurityElement.Escape(userInput).Replace(" ", "&nbsp;").Replace("\n", "<br>")

su input dell'utente. E se vuoi scavare più a fondo nell'usabilità, forse puoi fare un'analisi XML dell'input dell'utente (o giocare con espressioni regolari) per consentire solo un set predefinito di tag. Ad esempio, consenti

<p>, <span>, <strong>

... ma non permettere

<script> or <iframe>

Avvolgere la descrizione in un textareaelemento.

C'è un modo semplice per farlo. L'ho provato sulla mia app e ha funzionato abbastanza bene.

Basta digitare: $ text = $ row ["text"]; echo nl2br ($ text);