使用TagBuilder和ASP.NET MVC 4（使用Razor引擎）呈現html代碼

Question

我想使用TagBuilder呈現li項。

我的功能

public static string RenderListTag(this HtmlHelper helper, string labelText, string action, string controller, bool isAdmin, string listCssClass = "") 
     { 
      string value = string.Empty; 

      TagBuilder li = new TagBuilder("li"); 
      TagBuilder anchor = new TagBuilder("a"); 
      UrlHelper urlHelper = new UrlHelper(HttpContext.Current.Request.RequestContext); 

      if (string.IsNullOrEmpty(action) || string.IsNullOrEmpty(controller)) 
      { 
       anchor.MergeAttribute("href", "#"); 
      } 
      else 
      { 
       anchor.MergeAttribute("href", urlHelper.Action(action, controller, new 
       { 
        area = isAdmin ? "Admin" : "" 
       })); 
      } 

      anchor.SetInnerText(labelText); 

      if (action.IsEqualWith(helper.ViewContext.RouteData.Values["action"].ToString())) 
      { 
       li.MergeAttribute("class", "active"); 
      } 

      if (!string.IsNullOrEmpty(listCssClass)) 
      { 
       li.MergeAttribute("class", listCssClass); 
      } 

      li.SetInnerText(anchor.ToString(TagRenderMode.Normal)); 

      return li.ToString(TagRenderMode.Normal); 
     } 

當我打電話使用下面的代碼：

@Html.RenderListTag("Home", "Index", "Contents", false) 
@Html.RenderListTag("About", "About", "Home", false) 
@Html.RenderListTag("Contact", "Contact", "Home", false) 
@Html.RenderListTag("Show toolbar", "", "", false, "options no-display") 
@Html.RenderListTag("CMS", "Index", "Home", true) 

結果打印爲文本而不是HTML標籤。

<li class="active">&lt;a href=&quot;/Contents&quot;&gt;Home&lt;/a&gt;</li> <li>&lt;a href=&quot;/Home/About&quot;&gt;About&lt;/a&gt;</li> <li>&lt;a href=&quot;/Home/Contact&quot;&gt;Contact&lt;/a&gt;</li> <li class="options no-display">&lt;a href=&quot;#&quot;&gt;Show toolbar&lt;/a&gt;</li> <li class="active">&lt;a href=&quot;/Admin/Home&quot;&gt;CMS&lt;/a&gt;</li> 

我想打印HTML標記而不是文本。

我的錯誤在哪裏？

Answer 1

使用@Html.Raw(Html.RenderListTag("CMS", "Index", "Home", true))

Answer 2

嘗試改變最後一行：

return helper.Raw(li.ToString(TagRenderMode.Normal)).ToHtmlString();

Answer 3

，我發現我的錯誤:)

我用

li.SetInnerText(anchor.ToString(TagRenderMode.Normal)); 

正確的方法是

li.InnerHtml = anchor.ToString(TagRenderMode.Normal); 

我改變了我的函數的類型從string到MvcHtmlString，如：

public static MvcHtmlString RenderListTag(this HtmlHelper helper, string labelText, string action, string controller, bool isAdmin, string listCssClass = "") 

和函數的返回是：

return MvcHtmlString.Create(li.ToString()); 

現在，工作。

Answer 4

對於這樣的情況，我在HttpUtility類的靜態方法HtmlDecode中有一個好朋友。嘗試：返回MvcHtmlString.Create（HttpUtility.HtmlDecode（li.ToString（TagRenderMode.Normal）））;

HTH

Answer 5

必須從方法

public static MvcHtmlString RenderListTag(this HtmlHelper helper, string labelText, string action, string controller, bool isAdmin, string listCssClass = "") 
{ 
    string value = string.Empty; 

    TagBuilder li = new TagBuilder("li"); 
    TagBuilder anchor = new TagBuilder("a"); 
    UrlHelper urlHelper = new UrlHelper(HttpContext.Current.Request.RequestContext); 

    if (string.IsNullOrEmpty(action) || string.IsNullOrEmpty(controller)) 
    { 
     anchor.MergeAttribute("href", "#"); 
    } 
    else 
    { 
     anchor.MergeAttribute("href", urlHelper.Action(action, controller, new 
     { 
      area = isAdmin ? "Admin" : "" 
     })); 
    } 

    anchor.SetInnerText(labelText); 

    if (action.IsEqualWith(helper.ViewContext.RouteData.Values["action"].ToString())) 
    { 
     li.MergeAttribute("class", "active"); 
    } 

    if (!string.IsNullOrEmpty(listCssClass)) 
    { 
     li.MergeAttribute("class", listCssClass); 
    } 

    li.SetInnerText(anchor.ToString(TagRenderMode.Normal)); 

    return new MvcHtmlString(li.ToString(TagRenderMode.Normal)); 
}