Blazor-试图用新行格式化文本区域

Question

我有一个简单的文本区域：

<textarea id="TextArea1" rows="20" cols="40" style="resize: both;  overflow: auto; ">
@reportText
</textarea>

我正试图根据按下的按钮更新该文本区域：

{
userReport = await DataService.GetUserReport(user);
foreach (Insider2.Data.Report r in userReport)
{
reportText += ((MarkupString)"<br>");
reportText += r.Data.Trim();
}
StateHasChanged();
}

当涉及到添加一个+＝"0"时，我所做的似乎都不起作用；\\r\n"；注入"等等

我尝试的任何内容都会在文本区域中呈现为文本。我真的需要弄清楚如何在方框中设置格式(新行(。

其次，即使我对进入文本区域的值调用.trim((，我似乎也会在其中得到非常奇怪的空格和新行？

Answer 1

尝试将以下内容集成到您的代码中

@using Microsoft.AspNetCore.Components.Rendering
<div class="form-group-sm">
<label class="control-label">Message</label>
<textarea rows="4" value="@EmailMessage" @onchange="@((args) => EmailMessage = args.Value.ToString())" class="form-control"></textarea>
</div>
@code {
private string emailMessage = "Test Email text rnline two rn line 3";// "<p class='markup-string-value'>This is a <em>markup string</em>.</p>";
public string EmailMessage
{
get => emailMessage;
set
{
if (emailMessage != value)
{
emailMessage = ((MarkupString)value).ToString();
}
}
}
}

注意：您可以使用value属性(HTM1不支持该属性(或文本区域的内容。