当前位置:  开发笔记 > 编程语言 > 正文

PhantomJS:在渲染的pdf中忽略外部CSS

如何解决《PhantomJS:在渲染的pdf中忽略外部CSS》经验,为你挑选了1个好方法。

我正在使用带有幻像模块的nodejs从html生成pdf.

首先,我阅读html模板并用数据填充它,然后将其渲染为pdf.我想用bootstrap css来设置页面的样式,但是在生成的pdf文件中无论如何都要设置样式.

这是我的javascript代码:

var phantom = require('phantom');

var htmlTemplate;

fs = require('fs')
fs.readFile('template.html', 'utf8', function (err,data) {

  var htmlTemplate = populateTemplate(data, body)

    phantom.create(function(ph){
      ph.createPage(function(page) {

          page.set("paperSize", { 
            format: "A4", 
            orientation: 'portrait', 
            margin: '1cm' 
          });  

          page.setContent(htmlTemplate, "", function(){
              page.render("../userdata/test.pdf", function(){
                console.log("page rendered");
                ph.exit();
              }); 
          });

      })
    });

});

和html模板(简单)看起来像这样:



    
        
        
    
    

        

Title

<%NAME%>

所有标记都呈现为页面,但没有样式.即使我使用本地css文件或

惬听风吟jyy_802
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有