v2.5.21

Author: Aymkdn

browser.js

@@ -116,7 +116,7 @@ <h1>HTML to PDFMake convertor</h1>
       <div id="pdf_ie" style="display:none;padding:3em">The PDF file is sent to you for download. Use a modern browser (like Chrome or Firefox) to display the PDF in this page.</div>
     </div>
   </div>
-  <script src="browser-2.5.19.js"></script>
+  <script src="browser-2.5.21.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/pdfmake@latest/build/pdfmake.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/pdfmake@latest/build/vfs_fonts.js"></script>
   <script>

docs/browser-2.5.19.js renamed to docs/browser-2.5.21.js

@@ -867,8 +867,25 @@ function htmlToPdfMake(htmlText, options) {
                 if (value) {
                   // convert value to a 'pt' when possible
                   var parsedValue = _this.convertToUnit(value);
-                  // if we have 'font-size' with a parsedValue at false, then ignore it
-                  if (key === 'font-size' && parsedValue === false) break;
+                  // if we have 'font-size' with a parsedValue at false, then:
+                  // check if it's one of know keywords (like medium, small, x-small, etc), otherwise ignore it
+                  if (key === 'fontSize' && parsedValue === false) {
+                    if (["xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large"].includes(value)) {
+                      // we use 12pt as the medium value
+                      switch(value) {
+                        case "xx-small": value=7.2; break; // 60%
+                        case "x-small": value=9; break; // 75%
+                        case "small": value=10.7; break; // 89%
+                        case "medium": value=12; break;
+                        case "large": value=14.4; break; // 120%
+                        case "x-large": value=18; break; // 150%
+                        case "xx-large": value=24; break; // 200%
+                        case "xxx-large": value=36; break; // 300%
+                      }
+                    } else {
+                      break;
+                    }
+                  }
                   ret.push({key:key, value:(parsedValue === false ? value : parsedValue)});
                 }
               }

docs/index.html

@@ -1,6 +1,6 @@
 {
   "name": "html-to-pdfmake",
-  "version": "2.5.19",
+  "version": "2.5.21",
   "description": "Convert HTML code to PDFMake",
   "main": "index.js",
   "scripts": {
@@ -23,7 +23,7 @@
     "eslint": "^5.16.0",
     "jsdom": "^16.6.0",
     "pdfmake": "^0.2.7",
-    "simple-test-framework": "^0.1.7",
+    "simple-test-framework": "^0.2.1",
     "svg-to-pdfkit": "^0.1.8"
   }
 }

example.pdf

@@ -1229,5 +1229,25 @@ test("unit tests", function(t) {
     t.finish();
   });
 
+  t.test("CSS units",function(t) {
+    var html = `<div style="line-height:107%;font-size:large;width:110px;height:50pt;margin-left:1in;margin-top:2em;margin-right:1rem;margin-bottom:0.5cm">hello world</div>`;
+    var ret = htmlToPdfMake(html, {
+      window:window
+    });
+    if (debug) console.log(JSON.stringify(ret));
+    t.check(Array.isArray(ret) && ret.length===1, "return is OK");
+    ret = ret[0];
+    t.check(ret.lineHeight == 1.07, "% OK");
+    t.check(ret.fontSize == 14.4, "constant OK");
+    t.check(ret.width == 83, "px OK");
+    t.check(ret.height == 50, "pt OK");
+    t.check(ret.marginLeft == 72, "in OK");
+    t.check(ret.marginRight == 12, "rem OK");
+    t.check(ret.marginTop == 24, "em OK");
+    t.check(ret.marginBottom == 14, "cm OK");
+
+    t.finish();
+  });
+
   t.finish();
 })