1. 程式人生 > >【轉】依賴註入的威力,.NET Core的魅力:解決MVC視圖中的中文被html編碼的問題

【轉】依賴註入的威力,.NET Core的魅力:解決MVC視圖中的中文被html編碼的問題

lan .config don nsa nco tor options ring 解決

有園友在博問中提了這樣一個問題 —— .NET Core 中文等非英文文字html編碼輸出問題,到我們的 ASP.NET Core 項目中一看,也是同樣的問題。

比如下面的Razor視圖代碼:

@{
    ViewBag.Title = "代碼改變世界";
}
<title>@ViewBag.Title</title>

輸出的html代碼變成了:

<title>&#x4EE3;&#x7801;&#x6539;&#x53D8;&#x4E16;&#x754C;</title>

上面的 @ViewBag.Title

實際上等同於下面的代碼:

@Html.Raw(Html.Encode(ViewBag.Title))

所以解決這個問題需要從ASP.NET Core MVC中的HtmlHelper下手(上面代碼中Html的類型就是HtmlHelper)。

從GitHub上簽出MVC的源代碼看看HtmlHelper.Encode()的實現:

private readonly IHtmlGenerator _htmlGenerator;
public string Encode(string value)
{
    return _htmlGenerator.Encode(value);
}

實際調用的是IHtmlGenerator接口的Encode()方法,MVC中實現這個接口的是DefaultHtmlGenerator,其對應的Encode()實現代碼如下:

private readonly HtmlEncoder _htmlEncoder;
public string Encode(string value)
{
    return !string.IsNullOrEmpty(value) ? _htmlEncoder.Encode(value) : string.Empty;
}

原來真正幹活的主角是HtmlEncoder,但它不是在MVC中實現的,而是在.NET Core Framework中實現的,命名空間是 System.Text.Encodings.Web 。

寫個.NET Core控制臺程序直接調用HtmlEncoder看看是不是就是它惹的禍。

技術分享圖片
public class Program
{
    public static void Main(string[] args)
    {            
        Console.WriteLine(HtmlEncoder.Default.Encode("代碼改變世界"));
    }
}
技術分享圖片

輸出結果與MVC中是同樣的問題。

技術分享圖片

試試不用默認的HtmlEncoder實例(HtmlEncoder.Default),而是自己調用HtmlEncoder.Create()方法創建實例,這時發現了UnicodeRange參數類型。

public static HtmlEncoder Create(params UnicodeRange[] allowedRanges);

當使用UnicodeRanges.All作為參數創建HtmlEncoder實例時,問題就解決了。

Console.WriteLine(HtmlEncoder.Create(UnicodeRanges.All).Encode("代碼改變世界"));

緊接著從GitHub上簽出System.Text.Encodings.Web的源代碼,看看HtmlEncoder.Default對應的HtmlEncode實例是如何被創建的:

internal readonly static DefaultHtmlEncoder Singleton = new DefaultHtmlEncoder(new TextEncoderSettings(UnicodeRanges.BasicLatin));

原來用的是UnicodeRanges.BasicLatin,難怪中文會被編碼,搞不懂為什麽默認不用UnicodeRanges.All?

知道了問題的原因,解決起來就不難了,只要我們以HtmlEncoder.Create(UnicodeRanges.All)創建HtmlEncoder實例,並替換掉MVC中所用的默認HtmlEncoder實例。那如何替換呢?

回到MVC的源代碼中,看看DefaultHtmlGenerator的實現,發現它的構造函數參數中有HtmlEncoder:

技術分享圖片
public DefaultHtmlGenerator(
    IAntiforgery antiforgery,
    IOptions<MvcViewOptions> optionsAccessor,
    IModelMetadataProvider metadataProvider,
    IUrlHelperFactory urlHelperFactory,
    HtmlEncoder htmlEncoder,
    ClientValidatorCache clientValidatorCache)
{
}
技術分享圖片

根據.NET從上到下、由內而外全面依賴註入的秉性,這個地方應該也是依賴註入的,我們只需註入一個新的HtmlEncoder實例即可,是不是這樣呢?

碼上一行,你就知道。

在 Startup.cs 的 ConfigureServices() 方法中添加下面的一行代碼:

services.AddSingleton(HtmlEncoder.Create(UnicodeRanges.All));

運行ASP.NET Core站點,輸出結果如下:

<title>代碼改變世界</title>

一行註入,立馬解決。依賴註入的威力,.NET Core的魅力。

更新1:根據 零度的火 的評論,更好的解決方法是

services.Configure<WebEncoderOptions>(options =>
{
      options.TextEncoderSettings = new TextEncoderSettings(UnicodeRanges.All);
});

更新2:後來發現更好的解決方法

services.Configure<WebEncoderOptions>(options =>
    options.TextEncoderSettings = new TextEncoderSettings(UnicodeRanges.BasicLatin,
        UnicodeRanges.CjkUnifiedIdeographs));

轉自:http://www.cnblogs.com/dudu/p/5879913.html

【轉】依賴註入的威力,.NET Core的魅力:解決MVC視圖中的中文被html編碼的問題