默认情况下，Html.TextArea会生成额外的换行符

Question

我正在渲染这样的普通文本区：

@Html.TextAreaFor(x => x.Description)

我希望看到一个空的textarea，但这是我所看到的（我选择第一行使其更清晰）：

我检查了生成的html，它包含开始和结束标记之间的换行符：

<textarea class="form-control" cols="20" id="Description" name="Description" rows="2">
</textarea>

这是通过设计完成的吗？我可以改变这种行为吗？

Answer 1

在看到你的问题之后，我在Google上研究了@Html.TextAreaFor中额外行背后的问题。看一看。

有些文章与您的问题有关： -

http://www.peschuster.de/2011/11/new-line-bug-in-asp-net-mvcs-textarea-helper/

ASP.NET MVC Textarea HTML helper adding lines when using AntiXssLibrary

文章建议TextAreaHelper使用@Html.TextAreaFor类中的基本问题。

private static MvcHtmlString TextAreaHelper(HtmlHelper htmlHelper, 
        ModelMetadata modelMetadata, string name, IDictionary<string, 
        object> rowsAndColumns, IDictionary<string, object> htmlAttributes)
{
    // Some initialization here...

    TagBuilder tagBuilder = new TagBuilder("textarea");

    // Some more logic...

    tagBuilder.SetInnerText(Environment.NewLine + attemptedValue);
    return tagBuilder.ToMvcHtmlString(TagRenderMode.Normal);
}

以上代码中的问题是

tagBuilder.SetInnerText(Environment.NewLine + attemptedValue);

这就是为什么@Html.TextAreaFor的实际输出会是这样的，额外的一行出现了： -

<textarea>&#13;&#10;This is the content...</textarea>

此问题的解决方法是

第一次解决方法实施Javascript onLoad修复以从所有textareas中删除违规编码：

$("textarea").each(function () { $(this).val($(this).val().trim()); });

第二个解决方法创建自己的帮助器，用于在视图中呈现textarea标记

public static MvcHtmlString FixedTextAreaFor<TModel, TProperty>(
  this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression)
{
    return new MvcHtmlString(htmlHelper.TextAreaFor(expression)
        .ToHtmlString()
        .Replace(">&#13;&#10;", ">" + Environment.NewLine));
}

这些文章还建议在MVC 4 Developer Preview中修复此问题！