Renderize uma string em HTML e preserve espaços e quebras de linha

Eu tenho um aplicativo MVC3 que possui uma página de detalhes. Como parte disso, tenho uma descrição (recuperada de um banco de dados) que possui espaços e novas linhas. Quando é renderizada, as novas linhas e espaços são ignorados pelo html. Gostaria de codificar esses espaços e novas linhas para que não sejam ignorados.

Como você faz isso?

Eu tentei HTML.Encode, mas acabou exibindo a codificação (e nem mesmo nos espaços e nas novas linhas, mas em alguns outros caracteres especiais)

Apenas estilize o conteúdo com 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>

você já tentou usar <pre>tag.

http://jsfiddle.net/NweRa/

Você pode usar espaço em branco: pré-linha para preservar quebras de linha na formatação. Não há necessidade de inserir manualmente elementos html.

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

ou adicione ao seu elemento html style="white-space: pre-line;"

Você deseja substituir todos os espaços por  (espaço sem quebra) e todas as novas linhas \npor <<b></b>br>(quebra de linha em html). Isso deve alcançar o resultado que você está procurando.

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

Algo dessa natureza.

Eu estava tentando a white-space: pre-wrap;técnica declarada por pete, mas se a corda era contínua e longa, acabava de sair do contêiner e não entortava por qualquer motivo, não tinha muito tempo para investigar .. mas se você também estiver tendo o mesmo problema, acabei usando as <pre>tags e os seguintes css e estava tudo bem para ir ..

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

Como você mencionou na resposta do @Developer, provavelmente codificaria o HTML na entrada do usuário. Se você está preocupado com o XSS, provavelmente nunca precisará da entrada do usuário em sua forma original, para que possa escapar dela (e substituir espaços e novas linhas enquanto estiver fazendo isso).

Observe que escapar na entrada significa que você deve usar @ Html.Raw ou criar um MvcHtmlString para renderizar essa entrada específica.

Você também pode tentar

System.Security.SecurityElement.Escape(userInput)

mas acho que também não vai escapar dos espaços. Então, nesse caso, sugiro apenas fazer um .NET

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

na entrada do usuário. E se você quiser se aprofundar na usabilidade, talvez possa fazer uma análise XML da entrada do usuário (ou brincar com expressões regulares) para permitir apenas um conjunto predefinido de tags. Por exemplo, permita

<p>, <span>, <strong>

... mas não permita

<script> or <iframe>

Quebra a descrição em um textareaelemento.

Existe uma maneira simples de fazer isso. Eu tentei no meu aplicativo e funcionou muito bem.

Basta digitar: $ text = $ row ["text"]; eco nl2br ($ text);