如何更改多行编辑器字段的大小？

Question

我正在使用 C# 开发一个 MVC 项目。现在，我正在尝试稍微自定义我的视图，并且我想让文本框更大。

我按照这个问题中的建议从单行文本字段移动到多行文本字段： 更改 Html.TextBox 的大小

现在我正在尝试调整该 multi 的大小-line 字段，但我不确定在哪里或如何这样做。

以下是我的编辑视图

<div class="editor-label">
     @Html.LabelFor(model => model.Body)
</div>
<div class="editor-field">
     @Html.EditorFor(model => model.Body)
     @Html.ValidationMessageFor(model => model.Body)
</div>

和模型中的片段：

[DataType(DataType.MultilineText)]  
[DisplayName("Body:")]  
public string Body { get; set; }

Answer 1

我将使用 CSS 执行此操作：

<div class="editor-multiline-field">
     @Html.EditorFor(model => model.Body)
     @Html.ValidationMessageFor(model => model.Body)
</div>

然后在 CSS 文件中将宽度和高度定义为所需的值：

.editor-multiline-field textarea {
    width: 300px;
    height: 200px;
}

Answer 2

您还可以使用 @Html.TextArea 或 TextAreaFor

@Html.TextAreaFor(model => model.Text, new { cols = 25, @rows = 5 })

Answer 3

在 MVC 5 中你可以

    @Html.TextAreaFor(model => model.body, 5, 50,  new { @class = "form-control" } )

很好地使用 Works！

Answer 4

如果您使用的是 mvc 和 bootstrap
试试这个：

@Html.TextAreaFor(model => model.Property, new { @class = "form-control", @rows = 5 })

Answer 5

要遵循先前创建的视图样式，您还可以执行以下操作：

<div class="col-md-10 editor-multiline-field">

Answer 6

尝试

@Html.TextAreaFor(model => model.Descricao, 5, 50, null)

在视图页面中

Answer 7

我只是想分享 mvc 5

  @Html.EditorFor(model => model.Body, 
                  new {htmlAttributes = new {@style="width:yourdesiredwidth;"}
                   })

或使用自定义类