首页 >excel操作 > 内容

angularjs pdf插件_Angularjs ui-grid pdfmake.js 导出excel/pdf及pdf中文问题

2023年2月5日 13:36

一. 处理Angularjs ui-grid 导出pdf 无法显示中文问题:

第一步:pdfmake 自定义支持中文的字体

需要下载node.js,然后下载bower,然后下载这个pdfmake的zip并解压,再安装grunt,在pdfmake这个目录下执行grunt dump_dir命令,但是你会发现缺少各种grunt插件,然后你要一个一个安装grunt插件。最后把你想要的支持中文的ttf文件放到pdfmake的examples\fonts目录下,然后执行grunt dump_dir命令,它不报错的情况下会把ttf文件加到build/vfs_fonts.js文件中,然后将vfs_fonts.js拷贝到工程中在html中引入这个js。

第二步:引入js

pdfmake.min.js 导出pdf插件

vfs_fonts.js 就是第1步自定义的字体js文件

第三步:在你调用createPdf方法执行以下js,注:simblack是自定义的字体。

window.pdfMake.fonts={

simblack: {

normal: 'simpleblack.ttf',

bold: 'simpleblack.ttf',

italics: 'simpleblack.ttf',

bolditalics: 'simpleblack.ttf'

},

Roboto: {

normal: 'Roboto-Regular.ttf',

bold: 'Roboto-Medium.ttf',

italics: 'Roboto-Italic.ttf',

bolditalics: 'Roboto-Italic.ttf'

}

}

第四步: 定义gridOptions 时指定字体为simblack:

exporterPdfDefaultStyle : {font:'simblack',fontSize: 9}


参考文章:https://blog.csdn.net/weixin_39841572/article/details/111902045

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时候联系我们修改或删除,在此表示感谢。

特别提醒:

1、请用户自行保存原始数据,为确保安全网站使用完即被永久销毁,如何人将无法再次获取。

2、如果上次文件较大或者涉及到复杂运算的数据,可能需要一定的时间,请耐心等待一会。

3、请按照用户协议文明上网,如果发现用户存在恶意行为,包括但不限于发布不合适言论妄图

     获取用户隐私信息等行为,网站将根据掌握的情况对用户进行限制部分行为、永久封号等处罚。

4、如果文件下载失败可能是弹出窗口被浏览器拦截,点击允许弹出即可,一般在网址栏位置设置

5、欢迎将网站推荐给其他人,网站持续更新更多功能敬请期待,收藏网站高效办公不迷路。

      



登录后回复

共有0条评论