SharePoint Design Manager and special chars

In SharePoint you have the option to design masterpages and page layouts un a traditional HTML file. These tools comme with the "Design Manager" available on a publishing site with SharePoint Server 2013 and SharePoint Online.

What this does is basically generate the ".master" and ".aspx" files from ".html" files.

This enables web designers with no knowledge of ASP.NET tags to "safely" integrate with their favorite editor, directly in SharePoint using a mapped network drive to the masterpage gallery. All technical tags are converted to html comments.

Trouble is when working with special chars such as éàèù, text in the html "pagelayout" is not converted properly when rendering on the site. This is due to the encoding not properly copied from the masterpage html file to the pagelayout html file on generation.

To solve this on page layouts, you need to add the tag "<meta http-equiv="Content-type" content="text/html; charset=utf-8" />" in the "PlaceHolderAdditionalPageHead" section. This is a SharePoint tag so it will be commented (around line 30). This is how it should look after:

    <!--MS:<asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server">-->
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <!--CS: Start Edit Mode Panel Snippet-->
        <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
        <!--SPM:<%@Register Tagprefix="Publishing" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version=, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
        <!--MS:<Publishing:EditModePanel runat="server" id="editmodestyles">-->
        <!--MS:<SharePoint:CssRegistration name="&#60;% $SPUrl:~sitecollection/Style Library/~language/Themable/Core Styles/editmode15.css %&#62;" After="&#60;% $SPUrl:~sitecollection/Style Library/~language/Themable/Core Styles/pagelayouts15.css %&#62;" runat="server">-->
        <!--CE: End Edit Mode Panel Snippet-->