MVC Html Расширение возвращает строку вместо HTML разметки?

Question

MVC Html Расширение возвращает строку вместо HTML разметки?

16

Если у меня есть расширение:

 public static string ImageLink(this HtmlHelper htmlHelper,
                                      string imgSrc, 
                                      string alt, 
                                      string actionName,
                                      string controllerName, 
                                      object routeValues, 
                                      object htmlAttributes, 
                                      object imgHtmlAttributes)
  {

     return @"<img src=""../../Content/images/english.png"" /> ";
  }

и я использую его в частичном виде следующим образом:

@Html.ImageLink("../../Content/images/english.png","English", "ChangeCulture", "Account", new { lang = "en", returnUrl = this.Request.RawUrl }, null,null)

У меня есть такой вывод:

Любая идея, почему?

Patrick Desjardins 04 май 2011, в 22:17

Источник

Теги:

c#

asp.net

razor

asp.net-mvc-3

2 ответа

15

Попросите его вернуть MvcHtmlString (мой пример ниже).

 public static MvcHtmlString IconImg(this HtmlHelper htmlHelper, string icon, string title = "", string size = "16x16") {
        string path = VirtualPathUtility.ToAbsolute("~/res/img/icons/" + size + "/" + icon + ".png");
        string imgHtml = "<img src='" + path + "' title='" + title + "' style='border:none' />";
        return new MvcHtmlString(imgHtml);
    }

Marek Karbarz 04 май 2011, в 19:58

0

Спасибо за ваш ответ, я тоже проголосовал за вас :)
Patrick Desjardins 04 май 2011, в 19:53
0

MvcHtmlString () творил чудеса для меня. Спасибо
Viranya Komphasouk 18 окт. 2013, в 16:58

Ещё вопросы

Спасибо за ваш ответ, я тоже проголосовал за вас :)
MvcHtmlString () творил чудеса для меня. Спасибо

Darin Dimitrov · Accepted Answer · 2011-05-04T21-20-00.000Z

Причина этого в том, что оператор @ в Razor автоматически кодирует HTML. Если вы хотите избежать этой кодировки, вам нужно использовать IHtmlString:

public static IHtmlString ImageLink(
    this HtmlHelper htmlHelper,
    string imgSrc, 
    string alt, 
    string actionName,
    string controllerName, 
    object routeValues, 
    object htmlAttributes, 
    object imgHtmlAttributes
)
{
    return MvcHtmlString.Create(@"<img src=""../../Content/images/english.png"" />");
}

который, очевидно, будет намного правильнее (и работает во всех ситуациях, независимо от того, где и как называется этот помощник), если он написан следующим образом:

public static IHtmlString ImageLink(
    this HtmlHelper htmlHelper,
    string imgSrc,
    string alt,
    string actionName,
    string controllerName,
    object routeValues,
    object htmlAttributes,
    object imgHtmlAttributes
)
{
    var img = new TagBuilder("img");
    var urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext);
    img.Attributes["src"] = urlHelper.Content("~/Content/images/english.png");
    // Don't forget that the alt attribute is required if you want to have valid HTML
    img.Attributes["alt"] = "English flag"; 
    return MvcHtmlString.Create(img.ToString(TagRenderMode.SelfClosing));
}

а затем

@Html.ImageLink("../../Content/images/english.png","English", "ChangeCulture", "Account", new { lang = "en", returnUrl = this.Request.RawUrl }, null,null)

будет работать правильно.

В качестве альтернативы, если вы не можете изменить помощника, вы можете использовать @Html.Raw:

@Html.Raw(Html.ImageLink("../../Content/images/english.png","English", "ChangeCulture", "Account", new { lang = "en", returnUrl = this.Request.RawUrl }, null,null))