bootstrap table export插件导出pdf格式文件中文乱码问题解决办法

bootstrap table export插件导出pdf格式文件中文乱码的问题折腾了我整整两天，网上到处都是改源码，自己设置字体的方案，我都没搞定。结果今天看到官方文档（地址：GitHub - hhurz/tableExport.jquery.plugin: jQuery plugin to export a html table to JSON, XML, CSV, TSV, TXT, SQL, Word, Excel, PNG and PDFjQuery plugin to export a html table to JSON, XML, CSV, TSV, TXT, SQL, Word, Excel, PNG and PDF - GitHub - hhurz/tableExport.jquery.plugin: jQuery plugin to export a html table to JSON, XML, CSV, TSV, TXT, SQL, Word, Excel, PNG and PDFhttps://github.com/hhurz/tableExport.jquery.plugin)里直接给出了解决办法：

Many HTML stylings can be converted to PDF with jsPDF, but support for non-western character sets is almost non-existent. Especially if you want to export Arabic or Chinese characters to your PDF file, you can use pdfmake as an alternative PDF producer. The disadvantage compared to jspdf is that using pdfmake has a reduced styling capability. To use pdfmake enable the pdfmake option and instead of the jsPDF files include
<script type="text/javascript" src="libs/pdfmake/pdfmake.min.js"></script>
<script type="text/javascript" src="libs/pdfmake/vfs_fonts.js"></script>

。这段话的意思是说，如果需要支持非西方字母集，可以不用jsPDF而用pdfmaker来生成pdf，如果需要支持中文字符，那么额外引用字体文件gbsn00lp_fonts.js。

因此，在html的head中，引入如下js文件

<script type="text/javascript" src="tableExport.min.js">
<script type="text/javascript" src="libs/FileSaver/FileSaver.min.js">
<script type="text/javascript" src="libs/pdfmake/pdfmake.min.js"></script>
<script type="text/javascript" src="libs/pdfmake/gbsn00lp_fonts.js"></script>
<script type="text/javascript" src="bootstrap-table-export.min.js"></script>

再在导出表格的选项中设置使用pdfmake来导出pdf文件

var options={
.....
showExport:true,
exportTypes:['pdf','txt'],
exportOptions:{fileName:'123',pdfmake:{enabled:true}
}
....
}
$('#表格ID').bootstrapTable('destory').bootstrapTable(options);

这样导出的pdf文件就不会中文乱码啦。

ps：所有的文件都是在

GitHub - hhurz/tableExport.jquery.plugin: jQuery plugin to export a html table to JSON, XML, CSV, TSV, TXT, SQL, Word, Excel, PNG and PDF

这里下载的。顺便说，项目代码无法复制，可能会有抄过来的笔误，但是方案是可行的。

bootstrap table export插件导出pdf格式文件中文乱码问题解决办法相关推荐

UTF-8的CSV文件中文乱码问题解决办法
UTF-8的CSV文件中文乱码问题解决办法参考文章: (1)UTF-8的CSV文件中文乱码问题解决办法 (2)https://www.cnblogs.com/leaves1024/p/1117138 ...
Java csv文件中文乱码问题解决办法
/*** CSV文件生成方法* @param head 文件头* @param dataList 数据列表* @param outPutPath 文件输出路径* @param filename 文件名 ...
java jsp导出pdf文件_JSP页面导出PDF格式文件
JSP页面导出PDF格式文件基本在前端页面可以全部完成添加下载链接的点击事件 var downPdf = document.getElementById("downLoad"); ...
Zip文件中文乱码问题解决方法(MAC-＞Windows)
Zip文件中文乱码问题解决方法(MAC->Windows) 参考文章: (1)Zip文件中文乱码问题解决方法(MAC->Windows) (2)https://www.cnblogs.co ...
Web前端——VScode打开html文件中文乱码解决办法
VScode打开html文件中文乱码解决办法 1.打开VScode后,依次点击文件 >> 首选项 >> 设置 2.打开设置后,依次点击文本编辑器 >> 文件(或 ...
关于JAVA导出word或者excel文件中文乱码问题解决
搜了一下,发现网上都是解决文件名乱码的问题,这里记录一下从数据库查询出的数据写入文件中文乱码的问题个人采用的是对象查询出来以后转为json字符串,然后字符串进行转码,再转成jsonObject格式 ...
QJsonObject写入读出json文件中文乱码问题解决
问题的提出: QJsonObject写入读出json文件中文乱码. 复现步骤: 当json串很长时,我们一般采用流的形式写入文本,否则会截断导致写入不全,如下为将一个很长的json字符串写入qsMod ...
Tableau导出PDF格式文件
如果Tableau Desktop生成的各类图和表要导出为PDF便携式文件,就可以点击菜单栏的"文件"→"打印为PDF",如图5-21所示. 图5-21 导出 ...
查找解决使用html2pdf插件导出PDF不展示中文的问题
在外网环境写了个导出PDF的demo可以正常导出PDF,也可以正常展示中文,但是当我把代码移植到内网服务器上时,导出的PDF不能正常展示中文,日志也没有打印异常,于是就用源码执行看看什么原因,排查过程 ...

bootstrap table export插件导出pdf格式文件中文乱码问题解决办法

bootstrap table export插件导出pdf格式文件中文乱码问题解决办法相关推荐

最新文章

热门文章