HTML'de bir dize oluşturma ve boşlukları ve satır aralıklarını koruma

Bir ayrıntılar sayfası olan bir MVC3 uygulaması var. Bunun bir parçası olarak boşlukları ve yeni satırları olan bir açıklama (bir db alınan) var. Oluşturulduğunda, yeni çizgiler ve boşluklar html tarafından yoksayılır. Bu boşlukları ve yeni satırları göz ardı edilmeyecek şekilde kodlamak istiyorum.

Bunu nasıl yaptın?

HTML.Encode'u denedim ama kodlamayı görüntüledi (ve hatta boşluklarda ve yeni satırlarda değil, diğer bazı özel karakterlerde)

Sadece içerik ile stil 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>

<pre>etiketini kullanmayı denediniz mi ?

http://jsfiddle.net/NweRa/

Biçimlendirmedeki satır sonlarını korumak için beyaz boşluk: ön çizgi kullanabilirsiniz. Html öğelerini manuel olarak eklemenize gerek yoktur.

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

veya html öğenize ekleyin style="white-space: pre-line;"

Sen tüm boşlukların yerine isteyeyim  (bölünemez boşluk) ve tüm yeni hatlar \nile <<b></b>br>(html içinde satır sonu). Bu, aradığınız sonucu elde etmelidir.

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

O doğanın bir şeyi.

Deniyordum white-space: pre-wrap;Pete belirttiği teknik ancak dize sürekli olsaydı ve uzun sadece kabın bitti ve sebebi ne olursa olsun, için çözgü vermedi araştırmak için çok zaman yoktu sen de yaşıyorsanız .. ama aynı sorun, ben <pre>etiketleri ve aşağıdaki css kullanarak sona erdi ve her şey iyi oldu ..

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

@Developer 'ın cevabında bahsettiğiniz gibi, muhtemelen kullanıcı girişinde HTML kodlaması yapacağım. XSS hakkında endişeleniyorsanız, muhtemelen kullanıcının girişine asla orijinal biçiminde ihtiyacınız yoktur, bu yüzden de kaçabilirsiniz (ve siz boşluktayken boşlukları ve yeni satırları değiştirin).

Girişten kaçmanın, @ Html.Raw kullanmanız veya belirli bir girişi oluşturmak için bir MvcHtmlString oluşturmanız gerektiği anlamına geldiğini unutmayın.

Ayrıca deneyebilirsiniz

System.Security.SecurityElement.Escape(userInput)

ama bence uzaydan da kaçmayacak. Bu durumda, sadece bir .NET

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

kullanıcı girişinde. Kullanılabilirliği daha derinlemesine incelemek istiyorsanız, yalnızca önceden tanımlanmış bir etiket kümesine izin vermek için kullanıcının girişinin XML ayrıştırmasını (veya normal ifadelerle oynayabilirsiniz) yapabilirsiniz. Örneğin,

<p>, <span>, <strong>

... ama izin verme

<script> or <iframe>

Açıklamayı bir textareaöğeye sarın .

Bunu yapmanın basit bir yolu var. Uygulamamda denedim ve oldukça iyi çalıştı.

Sadece şunu yazın: $ text = $ row ["text"]; echo nl2br ($ text);