一、环境
node版本为v8.11.2
typescript版本为^3.0.0
html-pdf版本为^2.2.0
二、需求
html转pdf,并且添加页码
三、实现
由于需要在node端实现该需求,因此寻找了一下html转pdf的依赖,发现各式各样的还是蛮多的,从以前的项目里发现了一个html-pdf的依赖,也就直接拿来用用看。
配置直接参考https://www.npmjs.com/package/html-pdf上面,已经很详细了。
其实现本质上还是需要前端将渲染好的html源码,包括样式等作为字符串传到node端,然后直接调用依赖中的方法导出pdf即可,工作量主要还是在前端的处理上。
node端代码如下:
@PostMapping('/xhr/downloadPDF')
async downloadPDF(
ctx: Context
) {
const html: string = ctx.request.body.html as string;
ctx.body = await new Promise((resolve, reject) => {
create(html + '', {
format: 'A4',
border: '10px',
httpHeaders: {
Cookie: ctx.request.headers.cookie
},
base: `http://127.0.0.1:${9123}`,
type: 'pdf',
footer: {
height: '10mm',
contents: {
default: '<span style="color: #444;">{{page}}</span>/<span>{{pages}}</span>' // fallback value
}
}
}).toStream((err, stream) => {
if (err) reject(err);
resolve(stream);
});
});
}
