Kodowanie UTF-8 podczas eksportowania tabeli HTML do Excela

Próbuję wyeksportować tabelę HTML do programu Excel przy użyciu javascript. Jest to kod javascriptKodowanie UTF-8 podczas eksportowania tabeli HTML do Excela

<script type="text/javascript"> 
    var tableToExcel = (function() { 
      var uri = 'data:application/vnd.ms-excel;base64,' 
      , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>' 
      , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) } 
      , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } 
      return function(table, name) { 
      if (!table.nodeType) table = document.getElementById(table) 
      var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} 
      window.location.href = uri + base64(format(template, ctx)) 
      } 
     })() 
</script>

To mój nagłówek

<meta http-equiv="content-type" content="application/vnd.ms-excel;" charset="UTF-8"> 
<meta charset="UTF-8">

To jest mój stół

<table id="tblExport"> 
    <tr> 
     <td>José</td> 
     <td>María</td> 
    </tr> 
</table>

I to jest przycisk, który uruchamia eksporcie

<input type="button" onclick="tableToExcel('tblExport', 'W3C Example Table')" value="Export to Excel">

Nie mogę wyeksportować pliku UTF -8 znaków poprawnie, jak é lub í. Próbuję tego Importing HTML table into OO Calc as UTF8 without converting to entities, ale nie działa. Mam MS-Excel 2010 i Win7 64 bity.

Jak mogę poprawnie eksportować znaki UTF-8?

Dzięki!

Źródło

2014-09-08 Josecanalla

Po pierwsze: Twój nagłówek jest zniekształcony. Powinno być:

<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8">

A po drugie: Powinien znajdować się w szablonie, ponieważ zawiera informacje o zestawie znaków dla programu Excel.

<script type="text/javascript"> 
    var tableToExcel = (function() { 
      var uri = 'data:application/vnd.ms-excel;base64,' 
      , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>' 
      , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) } 
      , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } 
      return function(table, name) { 
      if (!table.nodeType) table = document.getElementById(table) 
      var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} 
      window.location.href = uri + base64(format(template, ctx)) 
      } 
     })() 
</script>

Źródło

2014-09-08 18:19:10

Dziękuję za odpowiedź, ale znalazłem inne rozwiązanie prostsze ... – Josecanalla

Czy możesz udostępnić proste rozwiązanie, które znalazłeś? Tks! –

Dzięki za udostępnienie prostego rozwiązania: D – Sal

function exportData(report_id){ 
    var blob = new Blob([document.getElementById(report_id).innerHTML], { 
     type: "text/plain;charset=utf-8;" 
    }); 
    saveAs(blob, "Report.xls");

pobiera dane tabeli jako zwykły tekst i zapisać jako Excel bez kodowania problemu

Źródło

2017-02-28 07:33:53

Użyj poniższego kodu w URI var:

var uri = 'data:application/vnd.ms-excel;charset=UTF-8;base64,'

Output

Źródło

2017-03-08 01:46:49 Maurivan

będę zacytuj ponownie szacunek, który został wskazany powyżej. Trzeba podać kod tagu meta tag wewnątrz głowicy:

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta charset="utf-8" /> 
<!--This is what you should include--> 
<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8"> 
<!----> 
<title>Ver Listado Pago</title> 
<link href="/Images/Decretos.ico" rel="shortcut icon" type="image/x-icon" /> 
<meta name="viewport" content="width=device-width" /> 
<link href="/Content/site.css" rel="stylesheet" /> 
<link href="~/Content/booostrap/bootstrap.min.css" rel="stylesheet" /> 
<link href="~/Content/booostrap/bootstrap-theme.css" rel="stylesheet" /> 
<link href="~/Content/booostrap/bootstrap-theme.min.css" rel="stylesheet" />

ten pracował dla mnie. Ale IE i WIN10 mają pewne konflikty do pobrania z powodu rozszerzenia xls. Jednak problem z znakami specjalnymi jest poprawiony

Źródło

2017-07-28 20:28:44

Odpowiedz

Powiązane problemy