依赖注入的威力,.NET Core的魅力:解决MVC视图中的中文被html编码的问题
2016-09-18 07:39
435 查看
有园友在博问中提了这样一个问题 —— .NET Core 中文等非英文文字html编码输出问题,到我们的 ASP.NET Core 项目中一看,也是同样的问题。
比如下面的Razor视图代码:
输出的html代码变成了:
上面的 @ViewBag.Title 实际上等同于下面的代码:
所以解决这个问题需要从ASP.NET Core MVC中的HtmlHelper下手(上面代码中Html的类型就是HtmlHelper)。
从GitHub上签出MVC的源代码看看HtmlHelper.Encode()的实现:
实际调用的是IHtmlGenerator接口的Encode()方法,MVC中实现这个接口的是DefaultHtmlGenerator,其对应的Encode()实现代码如下:
原来真正干活的主角是HtmlEncoder,但它不是在MVC中实现的,而是在.NET Core Framework中实现的,命名空间是 System.Text.Encodings.Web 。
写个.NET Core控制台程序直接调用HtmlEncoder看看是不是就是它惹的祸。
输出结果与MVC中是同样的问题。
![](https://ss.csdn.net/p?http://mmbiz.qpic.cn/mmbiz_png/gak2lhVxV6JP6MEFxBUTkcDf2TrK06bckM8fCiaeDa4sSlG1b3icibSWFhmHZuOpecYqVacSq4icVpXxbo7ialODgzw/640?wx_fmt=png)
试试不用默认的HtmlEncoder实例(HtmlEncoder.Default),而是自己调用HtmlEncoder.Create()方法创建实例,这时发现了UnicodeRange参数类型。
当使用UnicodeRanges.All作为参数创建HtmlEncoder实例时,问题就解决了。
紧接着从GitHub上签出System.Text.Encodings.Web的源代码,看看HtmlEncoder.Default对应的HtmlEncode实例是如何被创建的:
原来用的是UnicodeRanges.BasicLatin,难怪中文会被编码,搞不懂为什么默认不用UnicodeRanges.All?
知道了问题的原因,解决起来就不难了,只要我们以HtmlEncoder.Create(UnicodeRanges.All)创建HtmlEncoder实例,并替换掉MVC中所用的默认HtmlEncoder实例。那如何替换呢?
回到MVC的源代码中,看看DefaultHtmlGenerator的实现,发现它的构造函数参数中有HtmlEncoder:
根据.NET从上到下、由内而外全面依赖注入的秉性,这个地方应该也是依赖注入的,我们只需注入一个新的HtmlEncoder实例即可,是不是这样呢?
码上一行,你就知道。
在 Startup.cs 的 ConfigureServices() 方法中添加下面的一行代码:
运行ASP.NET Core站点,输出结果如下:
一行注入,立马解决。依赖注入的威力,.NET Core的魅力。
比如下面的Razor视图代码:
@{ ViewBag.Title = "代码改变世界"; }<title>@ViewBag.Title</title>
输出的html代码变成了:
<title>代码改变世界</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的魅力。
相关文章推荐
- 依赖注入的威力,.NET Core的魅力:解决MVC视图中的中文被html编码的问题
- .NET Core解决MVC视图中的中文被html编码的问题
- ASP.NET Core解决MVC视图中的中文被html编码的问题
- Asp.net MVC 3 Razor 视图引擎 中使用@输出的内容都会被自动进行HTML编码 问题的解决办法
- MvcHtmlString解决MVC中从后台返回HTML代码被编码问题
- 解决.Net Core中文被编码问题
- ASP.NET Core 中文文档 第四章 MVC(3.8)视图中的依赖注入
- [ASP.net MVC] 将HTML转成PDF档案,使用iTextSharp套件的XMLWorkerHelper (附上解决显示中文问题)
- 解决Spring MVC @ResponseBody返回html中中文字符串乱码问题
- 解决STRUTS的中文编码问题
- WEB中文支持(编码问题解决)
- 帮助解决网页和JS文件中的中文编码问题的小工具
- 解决 django 查数据库时中文编码问题
- 解决 Struts 国际化资源的中文编码问题
- Tomcat 5/6 GBK 编码下完美解决中文表单问题的过滤器
- URL传递中文UTF-8编码问题解决办法
- 彻底解决jsp中文乱码问题(eclips 添加中文编码方式gb2312).
- 全方位解决xml中文编码问题
- 终于解决了jsp连接mysql的中文编码问题!
- MySQL5.0中文问题及JDBC数据库连接和JSP汉字编码问题解决方法总结