javascript - 将 HTML 表格导出到 Excel 时编码 UTF-8

标签 javascript html excel encoding utf-8

我正在尝试使用 javascript 将 HTML 表格导出到 Excel。这是javascript代码

<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> 

这是我的标题

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

这是我的 table

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

这是触发导出的按钮

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

我无法正确导出 UTF-8 字符,例如 é 或 í。我试试这个Importing HTML table into OO Calc as UTF8 without converting to entities但不起作用。我有 MS-Excel 2010 和 Win7 64 位。

如何正确导出 UTF-8 字符?

谢谢!

最佳答案

首先:您的 header 格式不正确。应该是:

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

其次:它应该在您的模板中,因为它包含 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> 

关于javascript - 将 HTML 表格导出到 Excel 时编码 UTF-8,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25730008/

相关文章:

javascript - 如何在点击时获取所需的值输入?

HTML 文件不会链接到我的 CSS 文件

excel - 自定义函数在 Excel VBA 中不起作用

javascript - 使用动态计算的名称访问对象属性

javascript - 使用 AngularJS 中的链接覆盖单击表

javascript - 根据某些div的内容向父div添加类

arrays - 将所有工作表数据打印到用户表单文本框中

javascript - 将两个 div 组合在一起

php - Paypal IPN - 它是如何运作的?

excel - 从列中选择状态以填充另一列