JavaScriptのエクスポートCSVエンコードutf-8の問題

Question

javascript配列をCSVファイルにエクスポートしてダウンロードする必要があります。私はそれをしましたが、「ı、ü、ö、ğ、ş」この文字はのようになります。CSVファイルののように見えます。私はこのサイトで推奨されている多くのソリューションを試しましたが、私のためには機能しませんでした。

私のコードスニペットを追加しました。誰でもこの問題を解決できますか？

var csvString = 'ı,ü,ö,ğ,ş'; 
 

 
var a = window.document.createElement('a'); 
 
a.setAttribute('href', 'data:text/csv; charset=utf-8,' + encodeURIComponent(csvString)); 
 
a.setAttribute('download', 'example.csv'); 
 
a.click();

Answer 1

これはexample.csvファイルを開いているどのようなプログラムに依存します。テキストエディタを使用すると、エンコードはUTF-8になり、文字は不正な形式にはなりません。しかしExcelを使用すると、CSVのデフォルトエンコードはANSIであり、UTF-8ではありません。したがって、ExcelをANSIではなく、UTF-8を使用して強制的にエンコードすると、文字の形式が正しくありません。

Excelは、ファイルの最初の文字としてBOM（Byte Order Mark）を置くとCSVためUTF-8を使用して強制することができます。 UTF-8のデフォルトBOMは、バイトシーケンス0xEF,0xBB,0xBFです。だから、文字列に最初のバイトとして"\xEF\xBB\xBF"を入れるだけで解決できると思うかもしれません。しかし確かにそれは簡単すぎるだろうか？ ;-)この問題は、JavaScriptがそれらの文字を文字として受け取らないようにする方法です。 「解決法」は、Special Characters (JavaScript)で言及されているように、「ユニバーサルBOM」"\uFEFF"を使用しています。

例：

var csvString = 'ı,ü,ü,ğ,ş'; 
 
var universalBOM = "\uFEFF"; 
 
var a = window.document.createElement('a'); 
 
a.setAttribute('href', 'data:text/csv; charset=utf-8,' + encodeURIComponent(universalBOM+csvString)); 
 
a.setAttribute('download', 'example.csv'); 
 
window.document.body.appendChild(a); 
 
a.click();

もAdding UTF-8 BOM to string/Blobを参照してください。

これを使用すると、エンコードが正しく行われます。それにもかかわらず、これはあなたのWindowsロケール設定のカンマがデフォルトのリストセパレータである場合にのみ正しく動作します。そうでない場合は、ロケール設定のセミコロンがデフォルトの区切り文字である場合、すべてのコンテンツはコンマで区切られずに最初の列に表示されます。次に、CSVでもセミコロンを区切り記号として使用する必要があります。しかし、これは別の問題であり、ではなくを使用して、のファイル（*.xlsまたは*.xlsx）を直接作成できるライブラリを使用しても、CSVを使用するという結論に至ります。