CSS is lost when converting HTML to PDF in Google Apps Script

Question

I have HTML files located in a Google Drive folder. I am trying to get the files, read content, convert to PDF and then save to the same folder.

The whole flow works fine, but most of the HTML formatting is lost (like fonts etc). Is there a way to convert HTML to PDF the same way as it looks in HTML?

Here the code:

function myFunction() {

  var folder = DriveApp.getFolderById("0B9EI2E_9Cj9rT1JmVk5ESnhVbjA");
  var contents = folder.getFilesByType(MimeType.HTML);

  while (contents.hasNext()) {
   var file = contents.next();
   var fileName = file.getName();

   var rawFileName = fileName.substring(0,fileName.indexOf("."));
   var newFileName = rawFileName+".pdf";

   var htmlBody = HtmlService.createHtmlOutput(file).getContent();

   var blob = Utilities.newBlob(htmlBody, 'text/html').getAs('application/pdf').setName(newFileName);

   folder.createFile(blob);
 }
}

Hello, just wanna know if you managed to solve the problem cause I'm having the same issue. — Ayser, Oct 25 '19 at 18:37

score 0 · Answer 1 · edited Sep 17 '18 at 16:46

0

While including CSS, use media attribute as

<link rel="stylesheet" href="styles.css" media="print,screen">

edited Sep 17 '18 at 16:46

Kos

4,890
9
38
42

answered Apr 23 '18 at 22:50

Mesar ali

1,832
2
16
18

I am using inline css with – Ergun Apr 24 '18 at 09:53

CSS is lost when converting HTML to PDF in Google Apps Script

1 Answers1