ASP.NET MVC Razor 无需编码即可呈现 SelectList

Question

如何让我的选择列表在没有 HTML 编码的情况下呈现

@{
    var noiceList = new SelectList(new[] { new {ID = "", Name = ""}, 
                                   new {ID = "y", Name = "Yes   after3Space"}, 
                 "ID", "Name"); 
 }
 @Html.DropDownList("noice", @noiceList )

渲染

..
<option value="y">Yes&amp;nbsp;&amp;nbsp;&amp;nbsp;3Space</option>
...

如何让它改为渲染

<option value="y">Yes&nbsp;&nbsp;&nbsp;after3Space</option>

Answer 1

在 C# 中实现此目的的最简单方法是使用 \xA0 而不是  ，这样您就可以避免所有额外的代码。

归功于这个答案：How to retain spaces in DropDownList - ASP.net MVC Razor views

Answer 2

不幸的是，这种行为不是内置的。 Html.DropDownList 方法（和大多数其他 HtmlHelper 方法）总是转义所有输入文本。

解决方法

但是，有一些解决方法。例如，您可以创建自己的 HtmlHelper 方法来允许未转义的 HTML。

但是，如果您的需求与您的示例一样简单，这里有一个简单的解决方法：
使用占位符，例如|，然后将其替换为 ，如下所示：

@{
    var noiceList = new SelectList(new[] { new {ID = "", Name = ""}, 
                                   new {ID = "y", Name = "Yes|||after3Space"}, 
                 "ID", "Name"); 
 }
 @Html.Raw(Html.DropDownList("noice", @noiceList).ToString().Replace("|", " "))

注意，您还可以创建一个简单的扩展方法来真正减少所需的代码量：

 public static HtmlString Replace(this HtmlString input, string findAll, string replaceWith) {
    return new HtmlString(input.ToString().Replace(findAll, replaceWith));
 }

这将您的 Html 代码简化为：

 @Html.DropDownList("noice", @noiceList).Replace("|", " ")

Answer 3

这是因为 Razor 总是输出实体编码的 html。在这种情况下，您应该可以调用（VS 正在我的机器上更新，所以我无法进行快速测试）Html.Raw()，如下所示：

var noiceList = new SelectList(new[] { new {ID = "", Name = ""}, 
                               new {ID = "y", Name = Html.Raw("Yes   after3Space")}, 
             "ID", "Name");

编辑：这不起作用。