Blazor 将 html 绑定到文本区域

Question

这看起来很简单，但我一直找不到答案。在我的 Blazor 服务器端程序中，我有一个弹出电子邮件表单，我预先填充了文本，然后用户可以对其进行编辑并单击“发送”以使程序发送电子邮件。如果用户在文本区域中输入换行符，它们将返回为 \n，这很好。但是我无法将文本发送到带有换行符的文本区域。

在弹出表单中我有：

        <div class="form-group-sm">
            <label class="control-label">Message</label>
            <textarea rows="4" @bind="EmailMessage" class="form-control"></textarea>
        </div>

如果我发送

EmailMessage = "Test Email text \\nline two <br /> line 3";

我明白了

如果我发送

EmailMessage = Markdown.ToHtml("Test Email text \\nline two <br /> line 3");

我明白了

是否可以将换行符发送到绑定到属性的文本区域，然后用户可以编辑文本并将文本发送回程序？

理想情况下，这适用于任何 html 标记，但现在我将解决换行问题。

Answer 1

这是基本的......您可以通过多种方式增强它：

@page "/"

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

<button @onclick="@(()=>{})">Refresh</button>



@code {
    private string emailMessage = "Test Email text \r\nline two \r\n line 3";
    
    public string EmailMessage
    {
        get =>  emailMessage;
        set
        {
            if (emailMessage != value)
            {
                emailMessage = ((MarkupString)value).ToString();
            }
        }

    }
 
}