Как изменить размер многострочного редактора?

Я работаю над проектом MVC с использованием С#. Прямо сейчас, я немного настраиваю свои взгляды, и я хотел бы увеличить размер текстовых полей.

Я следил за предложениями в этом вопросе, чтобы перейти от однострочного к многострочному текстовому полю: Изменение размера Html.TextBox

Теперь я пытаюсь изменить размер этого многострочного поля, но я не уверен, где и как это сделать.

Вот фрагменты из моего вида редактирования

<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; }

Ответы

Ответ 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;
}

Ответ 2

Вы также можете использовать @Html.TextArea ou TextAreaFor

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

Ответ 3

В MVC 5 вы можете использовать

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

Хорошо работает!

Ответ 4

Если вы используете mvc и bootstrap попробуйте следующее:

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

Ответ 5

Чтобы придерживаться ранее созданного стиля просмотра, вы также можете сделать это:

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

Ответ 6

попробовать

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

на странице просмотра

Ответ 7

Я просто хочу поделиться с mvc 5

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

или использовать пользовательский класс