我正在使用PartialViews在我的ASP.NET MVC应用程序中存储工具提示的HTML。我最初的想法是,Razor会自动将编码中的任何内容归因于HTML中的引号。不幸的是,这似乎并非如此,因此我现在的解决方法是使用单引号来封装我的PartialViews HTML。如下:
<div class="tooltip" title='@Html.Partial("_MyTooltipInAPartial")'>Some content</div>
这只是花花公子,但很明显,如果我的PartialView中有任何单个引号,我会遇到问题。
有谁知道解决此问题的正确方法?我得到的最接近的是:
<div class="tooltip" title="@HttpUtility.HtmlAttributeEncode(Html.Partial("_MyTooltipInAPartial"))">Some content</div>
不幸的是,这不太有效,因为Partial的输出是MvcHtmlString而不是直字符串。
任何人都有更好的主意吗?
答案 0 :(得分:2)
感谢nemesv的建议 - 它没有成功。经过一番思考后,我通过编写一个名为PartialAttributeEncoded
的HTML帮助方法来解决自己的问题。
对于任何有兴趣的人,以下是您使用助手的方式:
<div class="tooltip" title="@Html.PartialAttributeEncoded("_MyTooltipInAPartial")">Some content</div>
这是帮助者:
using System.Web;
using System.Web.Mvc;
using System.Web.Mvc.Html;
namespace My.Helpers
{
/// <summary>
/// MVC HtmlHelper extension methods - html element extensions
/// </summary>
public static class PartialExtensions
{
/// <summary>
/// Allows a partial to be rendered within quotation marks.
/// I use this with jQuery tooltips where we store the tooltip HMTL within a partial.
/// See example usage below:
/// <div class="tooltip" title="@Html.PartialAttributeEncoded("_MyTooltipInAPartial")">Some content</div>
/// </summary>
/// <param name="helper"></param>
/// <param name="partialViewName"></param>
/// <param name="model"></param>
/// <returns></returns>
public static MvcHtmlString PartialAttributeEncoded(
this HtmlHelper helper,
string partialViewName,
object model = null
)
{
//Create partial using the relevant overload (only implemented ones I used)
var partialString = (model == null)
? helper.Partial(partialViewName)
: helper.Partial(partialViewName, model);
//Attribute encode the partial string - note that we have to .ToString() this to get back from an MvcHtmlString
var partialStringAttributeEncoded = HttpUtility.HtmlAttributeEncode(partialString.ToString());
//Turn this back into an MvcHtmlString
var partialMvcStringAttributeEncoded = MvcHtmlString.Create(partialStringAttributeEncoded);
return partialMvcStringAttributeEncoded;
}
}
}