c# - 为什么自定义HTML帮助器无法正确呈现标记

我制作了html助手方法

public static string MedalImage(this HtmlHelper helper, Color color)
    {
        var builder = new TagBuilder("img");
        switch (color)
        {
            case Color.Blue:
                builder.MergeAttribute("src", "/Content/Medals/blueMedal.png");
                break;
            default:
                builder.MergeAttribute("src", "/Content/Medals/redMedal.png");
                break;
        }
        builder.MergeAttribute("alt", "Image not found");
        return builder.ToString(TagRenderMode.SelfClosing);
    }

但当我想在这样的视图中使用它时@Html.MedalImage(HtmlHelpers.Color.Red)
然后它呈现：
<img alt="Image not found" src="/Content/Medals/redMedal.png" />
在这种情况下，它不会生成图像，只生成文本。
但当我使用@Html.Raw(Html.MedalImage(HtmlHelpers.Color.Red))时，它确实按预期工作并呈现我的图像。有人能告诉我为什么吗？或者如何修复我的助手，使我不必使用Html.Raw方法？

最佳答案

MVC Razor的标准行为是对每个字符串进行HTML编码。它唯一不会这样做的时候是对象是IHtmlString，它只不过是字符串的包装器接口。
通过将字符串包装为IHtmlString，Razor会将其视为“已编码”和“准备按原样发送”。至少有两种方法可以做到这一点：

var htmlStr1 = new HtmlString(myStringThatContainsHtml);
var htmlStr2 = new MvcHtmlString(myStringThatContainsHtml);

或应用于您的代码：

return new HtmlString(builder.ToString(TagRenderMode.SelfClosing));
return new MvcHtmlString(builder.ToString(TagRenderMode.SelfClosing));

然后需要更改方法签名：

public static IHtmlString MedalImage(...) { ... }

有两种方式的原因是历史性的。MVC2没有IHtmlString接口，它只有MvcHtmlString类。从MVC3创建了IHtmlString接口以及类HtmlString，MvcHtmlString现在继承自HtmlString。有关更多信息，请参见HtmlString vs. MvcHtmlString。