blocks|key|987458|text|我会用CSS做到这一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987459|<div+class="editor-multiline-field">
+++++@Html.EditorFor(model+=>+model.Body)
+++++@Html.ValidationMessageFor(model+=>+model.Body)
</div>|code-block|syntax|javascript|987460|然后在CSS文件中将宽度和高度定义为所需的值：|987461|.editor-multiline-field+textarea+{
++++width:+300px;
++++height:+200px;
}|987462|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I would do this with CSS:

<pre><code>&lt;div class="editor-multiline-field"&gt;
 @Html.EditorFor(model =&gt; model.Body)
 @Html.ValidationMessageFor(model =&gt; model.Body)
&lt;/div&gt;
</code></pre>

and then in your CSS file define the width and height to the desired values:

<pre><code>.editor-multiline-field textarea {
 width: 300px;
 height: 200px;
}
</code></pre>

blocks|key|772788|text|您也可以使用@Html.TextArea+ou+TextAreaFor|type|unstyled|depth|inlineStyleRanges|entityRanges|data|772789|@Html.TextAreaFor(model+=>+model.Text,+new+{+cols+=+25,+@rows+=+5+})|code-block|syntax|javascript|772790|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can also use @Html.TextArea ou TextAreaFor

<pre><code>@Html.TextAreaFor(model =&gt; model.Text, new { cols = 25, @rows = 5 })
</code></pre>

blocks|key|987546|text|试一试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987547|@Html.TextAreaFor(型号=>+model.Descricao，5，50，空)|987548|在视图页面中|987549|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

try

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

in View Page

blocks|key|772886|text|如果您使用的是mvc和bootstrap，请尝试执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|772887|@Html.TextAreaFor(model+=>+model.Property,+new+{+@class+=+"form-control",+@rows+=+5+})|code-block|syntax|javascript|772888|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you are using mvc and bootstrap
try this:

<pre><code>@Html.TextAreaFor(model =&gt; model.Property, new { @class = "form-control", @rows = 5 })
</code></pre>

blocks|key|987640|text|在MVC5中，您可以使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987641|++++@Html.TextAreaFor(model+=>+model.body,+5,+50,++new+{+@class+=+"form-control"+}+)|code-block|syntax|javascript|987642|效果很好！|987643|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

In MVC 5 you can use

<pre><code> @Html.TextAreaFor(model =&gt; model.body, 5, 50, new { @class = "form-control" } )
</code></pre>

Works nicely!

blocks|key|772965|text|要坚持使用以前创建的视图样式，还可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|772966|<div+class="col-md-10+editor-multiline-field">|code-block|syntax|javascript|772967|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

To adhere to a previously created view style, you can also do this:

<pre><code>&lt;div class="col-md-10 editor-multiline-field"&gt;
</code></pre>

blocks|key|773003|text|我只想分享一下MVC5|type|unstyled|depth|inlineStyleRanges|entityRanges|data|773004|++@Html.EditorFor(model+=>+model.Body,+
++++++++++++++++++new+{htmlAttributes+=+new+{@style="width:yourdesiredwidth;"}
+++++++++++++++++++})|code-block|syntax|javascript|773005|或使用自定义类|773006|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I just wanna share in mvc 5 

<pre><code> @Html.EditorFor(model =&gt; model.Body, 
 new {htmlAttributes = new {@style="width:yourdesiredwidth;"}
 })
</code></pre>

or use a custom class

I'm working on an MVC project using C#. Right now, I'm trying to customize my views a little, and I'd like to make the text boxes bigger.

I followed the suggestions in this question to move from a single-line to a multi-line text field:
<a href="https://stackoverflow.com/questions/4986442/changing-the-size-of-html-textbox">Changing the size of Html.TextBox</a>

Now I'm trying to resize that multi-line field, but I'm not sure where or how to do so.

Here are snippets from my Edit view

<pre><code>&lt;div class="editor-label"&gt;
 @Html.LabelFor(model =&gt; model.Body)
&lt;/div&gt;
&lt;div class="editor-field"&gt;
 @Html.EditorFor(model =&gt; model.Body)
 @Html.ValidationMessageFor(model =&gt; model.Body)
&lt;/div&gt;
</code></pre>

and from my model:

<pre><code>[DataType(DataType.MultilineText)] 
[DisplayName("Body:")] 
public string Body { get; set; }
</code></pre>

How can I change the size of a multi-line editor-field?

我正在做一个使用C#的MVC项目。现在，我正在尝试自定义我的视图，并且我想让文本框更大一些。我按照这个问题中的建议将单行文本字段转换为多行文本字段：现在我正在尝试调整多行字段的大小，但我不确定在哪里或如何做到这一点。以下是我的编辑视图中的代码片段<div class="editor-label"> @Html....

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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