ASP.NET MVC Html.Encode - 新行

Question

Html.Encode 似乎只是简单地调用 HttpUtility.HtmlEncode 来用转义序列替换一些 html 特定字符。

然而，这并没有考虑如何解释新行和多个空格（标记空白）。 因此，我提供了一个文本区域，供用户输入纯文本信息块，然后在另一个屏幕上显示该数据（使用 Html.Encode），新行和间距将不会保存下来。

我认为有两种选择，但也许有人可以建议更好的第三种选择。

一种选择是只编写一个使用 HtmlEncode 的静态方法，然后用
替换结果字符串中的新行，并用   替换多个空格组。 code>

另一种选择是在我的样式表中使用 white-space: pre 属性 - 但是我不确定当 Html 辅助方法包含新行和制表符时这是否会产生副作用使页面源漂亮。

是否有第三个选项，例如全局标志、事件或方法覆盖，我可以使用它来更改 html 编码的完成方式，而无需重做 html 帮助器方法？

Answer 1

HtmlEncode 仅用于对字符进行编码以在 HTML 中显示。 它特别不编码空白字符。

我会选择你的第一个选项，并将其作为 HtmlHelper 的扩展方法。 类似于：

public static string HtmlEncode(this HtmlHelper htmlHelper,
                                string text, 
                                bool preserveWhitespace)
{
    // ...
}

您可以使用 String.Replace() 来编码换行符和空格（如果需要更好的匹配，则可以使用 Regex.Replace ）。

Answer 2

使用 style="white-space:pre-wrap;" 对我有用。 根据这篇文章。

Answer 3

如果您使用 Razor，您可以执行以下操作：

@MvcHtmlString.Create(Html.Encode(strToEncode).Replace(Environment.NewLine, "<br />"))

在您的视图中，或在您的控制器中：

HttpServerUtility httpUtil = new HttpServerUtility();
MvcHtmlString encoded = httpUtil.HtmlEncode(strToEncode).Replace(Environment.NewLine, "<br />");

我尚未测试控制器方法，但它应该以相同的方式工作。

Answer 4

将输出放入

和/或 块中。 例如：

<pre>@someValue</pre> / <code>@someValue</code>

---

在现有的 div 上使用等效的 css：

<div style="white-space:pre-wrap;">@someValue</div>

---

取决于您是否想要语义标记还是想要摆弄 css。 我认为这些都比插入
> 标签更简洁。

Answer 5

    /// <summary>
    /// Returns html string with new lines as br tags
    /// </summary>
    public static MvcHtmlString ConvertNewLinesToBr<TModel>(this HtmlHelper<TModel> html, string text)
    {
        return  new MvcHtmlString(html.Encode(text).Replace(Environment.NewLine, "<br />"));
    }