Hiển thị chuỗi dưới dạng HTML trong C# Razor

Question

Tôi đang cố gắng hiển thị địa chỉ từ mô hình của mình. Chuỗi chứa các ngắt dòng mà tôi đang thay thế bằng thẻ ngắt. Mặc dù, nó được hiển thị trên trang dưới dạng chuỗi thay vì HTML. Làm cách nào để buộc chuỗi của tôi hiển thị dưới dạng HTML?

Attempt:

<span id="addressLine"> 
    @Model.MyData.Address.Replace("\r\n", "<br />"); 
</span> 

Kết quả trên trang:

Address Top<br />Street Name<br />City<br />PostCode 

nên được hiển thị như:

Address Top 
Street Name 
City 
PostCode 

Answer 1

Sử dụng @Html.Raw(Model.MyData.Address.Replace("\r\n", "<br />"))

Answer 2

Sử dụng cs s để bảo tồn không gian trắng

Html

<div id="addressLine"> 
    @Model.MyData.Address; 
</div> 

Css

#addressLine { 
    white-space: pre; 
} 

Answer 3

Bạn nên sử dụng CSS tài sản thay vì nó là khoảng trắng. Để biết thêm chi tiết, truy cập http://www.w3schools.com/cssref/pr_text_white-space.asp

Nó cũng giúp bạn tránh Cross-site scripting (http://en.wikipedia.org/wiki/Cross-site_scripting)

Answer 4

Sử dụng

@(new HtmlString(@Model.MyData.Address)) 

Xem bài đăng này: Rendering HTML as HTML in Razor