點這里進入ABP進階教程目錄
問題描述
功能按鈕 - 匯出PDF，中文資訊匯出為亂碼，
解決方案
匯出PDF是通過pdfmake.js實作的，
檢查發現是pdfmake參考的vfs_fonts.js字體只有一種: Roboto，而Roboto不支持中文，
解決思路是生成一個包含支持中文字體的vfs_fonts.js替換掉舊的檔案，
下載專案
下載pdfmake https://github.com/bpampuch/pdfmake
安裝gulp
全域安裝
npm i gulp-cli -g
本地安裝
npm install --save-dev gulp
查看版本
gulp -v
生成字體
生成字體
gulp buildFonts
替換字體
把生成的pdfmake-master\build\vfs_fonts.js復制替換
JD.CRS.Web.Mvc\wwwroot\lib\dataTables\pdfmake\vfs_fonts.js
更新配置
打開展示層(即JD.CRS.Web.Mvc)的\wwwroot\view-resources\Views\Course\Index.js //用以存放Course查詢相關腳本
找到DataTable/buttons引數設定
添加如下代碼
pdfMake.fonts = { Roboto: { normal: 'Roboto-Regular.ttf', bold: 'Roboto-Medium.ttf', italics: 'Roboto-Italic.ttf', bolditalics: 'Roboto-Italic.ttf' }, 微軟雅黑: { normal: 'msyh.ttf', bold: 'msyh.ttf', italics: 'msyh.ttf', bolditalics: 'msyh.ttf', } };
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/105814.html
標籤：.NET Core
下一篇：ABP進階教程11 - 小結