2014-05-07 131 views
0

我想使用jquery將HTML中的某些表導出爲PDF文件。 到目前爲止,我可以用Ngiriraj導出爲PDF格式,但它不能編碼日文字符HTML to PDF with Japanese

Here is example

所以,請幫我找當我使用"全體デザイン", it show "å…¨ä½「デザイン"

編碼日本

方式

謝謝。

HTML

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<script type="text/javascript" src="jquery-1.11.1.min.js"></script> 
<script type="text/javascript" src="tableExport.js"></script> 
<script type="text/javascript" src="jquery.base64.js"></script> 
<script type="text/javascript" src="html2canvas.js"></script> 
<script type="text/javascript" src="sprintf.js"></script> 
<script type="text/javascript" src="jspdf.js"></script> 
<script type="text/javascript" src="base64.js"></script> 

<table id="nation"> 
<thead>   
    <tr class='warning'> 
     <th>Nation</th> 
     <th>Population</th> 
     <th>Date</th> 
     <th>%ge</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>中國</td> 
     <td>1,363,480,000</td> 
     <td>March 24, 2014</td> 
     <td>19.1</td> 
    </tr> 
    <tr> 
     <td>日本</td> 
     <td>249,866,000</td> 
     <td>July 1, 2013</td> 
     <td>3.49</td> 
    </tr> 
</tbody> 
</table> 

的PDF

Nation Population Date   %ge 
ä¸-国 1,363,480,000 March 24, 2014 19.1 
日本 249,866,000 July 1, 2013 3.49 
+0

如果你把UTF-8編碼的符號:'&#E38182'放在html表中? – Theolodis

+0

請提供從該html生成的最小html和pdf。 –

+0

我加了,謝謝你的幫助。 –

回答

1

我花了一些時間來重現問題。下面是最小的HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 

    <!-- jQuery 2.0.2 --> 
    <script type="application/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 

    <script type="application/javascript" src="tableExport.js"></script> 
    <script type="application/javascript" src="jquery.base64.js"></script> 
    <script type="application/javascript" src="jspdf/libs/sprintf.js"></script> 
    <script type="application/javascript" src="jspdf/jspdf.js"></script> 
    <script type="application/javascript" src="jspdf/libs/base64.js"></script> 
</head> 

<body> 
    <table id="nation"> 
     <tbody> 
      <tr> 
       <td> 
        中國 
       </td> 
      </tr> 
     </tbody> 
    </table> 
    <a href="#" onclick ="$('#nation').tableExport({type:'pdf',escape:'false'});">PDF</a> 
</body> 
</html> 

下面是完整的文件夾(包括JS),這樣你可以在本地測試:http://bit.ly/1fW0YbX

如果您查看生成的PDF,它只使用僅支持Latin-1字符集的標準PDF字體Helvetica。這就是爲什麼你沒有看到預期的日本字形。我找不到HTML table export jquery plugin的任何相關選項,所以我想它不被支持。但也許我錯過了本地化插件。

+0

感謝您的幫助 –

2

簡單地說,字符編碼表示如何字符-字母,數字和其它符號-被表示爲比特和字節用於存儲和通信。客戶端可以使用HTTP請求頭Accept-Charset來指示如何編碼響應消息。

使用UTF-16編碼

+0

utf-8工作得很好,在ascii占主導地位時更受歡迎。 –

+0

非常感謝您的幫助 – Hamid