2.5.31

 - Added more support for font-weight
 - Fixed issue when issue "transparent" for the background color

Author: Aymkdn

README.md

@@ -52,7 +52,7 @@ Try it live with the [online demo](https://aymkdn.github.io/html-to-pdfmake/inde
 </html>
 ```
 
-### Node.js Usage
+### Node based Project Usage
 
 ```bash
 npm install html-to-pdfmake jsdom
@@ -62,14 +62,15 @@ npm install html-to-pdfmake jsdom
 const pdfMake = require('pdfmake/build/pdfmake');
 const pdfFonts = require('pdfmake/build/vfs_fonts');
 const htmlToPdfmake = require('html-to-pdfmake');
+// if you need to run it in a terminal console using "node", then you need the below two lines:
 const jsdom = require('jsdom');
 const { JSDOM } = jsdom;
 
 // the below line may vary depending on your version of PDFMake
 // please, check https://github.com/bpampuch/pdfmake to know how to initialize this library
 pdfMake.vfs = pdfFonts;
 
-// initiate the "window" object in Node
+// if you need to run it in a terminal console using "node", then you need to initiate the "window" object with the below line:
 const { window } = new JSDOM('');
 
 // Convert HTML to PDFMake format
@@ -85,6 +86,7 @@ const docDefinition = { content: converted };
 
 // Generate PDF
 pdfMake.createPdf(docDefinition).getBuffer((buffer) => {
+  // when running the command in a terminal console using "node", then we can save the file using the 'fs' native package
   require('fs').writeFileSync('output.pdf', buffer);
 });
 ```

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.30.js"></script>
+  <script src="browser-2.5.31.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.30.js renamed to docs/browser-2.5.31.js

@@ -1,6 +1,6 @@
 var pdfMake = require("pdfmake/build/pdfmake");
 var pdfFonts = require("pdfmake/build/vfs_fonts");
-pdfMake.vfs = pdfFonts.pdfMake.vfs;
+pdfMake.vfs = pdfFonts;
 var fs = require("fs");
 var jsdom = require("jsdom");
 var { JSDOM } = jsdom;
@@ -222,8 +222,8 @@ var html = htmlToPdfMake(`
   <div>And support for <font color="blue" size="3">FONT</font> tag.</div>
 `, {window:window, tableAutoSize:true});
 
-/*var html = htmlToPdfMake(``, {window:window});
-console.log(JSON.stringify(html))*/
+// var html = htmlToPdfMake(``, {window:window});
+// console.log(JSON.stringify(html))
 
 var docDefinition = {
   content: [

docs/index.html

@@ -834,7 +834,8 @@ function htmlToPdfMake(htmlText, options) {
               break;
             }
             case "font-weight": {
-              if (value === "bold") ret.push({key:"bold", value:true});
+              if (value === "bold" || value >= 700) ret.push({key:"bold", value:true});
+              else ret.push({ key: "bold", value: false });
               break;
             }
             case "text-decoration": {
@@ -868,8 +869,11 @@ function htmlToPdfMake(htmlText, options) {
             case "background-color": {
               // if TH/TD and key is 'background', then we use 'fillColor' instead
               res = _this.parseColor(value);
-              ret.push({key:(nodeName === 'TD' || nodeName === 'TH' ? "fillColor" : "background"), value:res.color});
-              if (res.opacity < 1) ret.push({key:(nodeName === 'TD' || nodeName === 'TH' ? "fillOpacity" : "opacity"), value:res.opacity});
+              // if the color is "transparent", we ignore it
+              if (res.color !== "transparent") {
+                ret.push({key:(nodeName === 'TD' || nodeName === 'TH' ? "fillColor" : "background"), value:res.color});
+                if (res.opacity < 1) ret.push({key:(nodeName === 'TD' || nodeName === 'TH' ? "fillOpacity" : "opacity"), value:res.opacity});
+              }
               break;
             }
             case "text-indent": {

example.js

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

example.pdf

@@ -36,6 +36,24 @@ test("unit tests", function(t) {
     t.finish();
   })
 
+  t.test("font-weight", function (t) {
+    var ret = htmlToPdfMake(`<div><span style="font-weight: bold">Bold</span><span style="font-weight:700">700<span style="font-weight: normal">normal</span></span></div>`, { window: window });
+    if (debug) console.log(JSON.stringify(ret));
+    t.check(Array.isArray(ret) && ret.length === 1, "return is OK");
+    ret = ret[0].text;
+    t.check(
+      ret[0].text === "Bold" &&
+      ret[0].bold === true &&
+      Array.isArray(ret[1].text) &&
+      ret[1].text[0].text === "700" &&
+      ret[1].text[0].bold === true &&
+      ret[1].text[1].text === "normal" &&
+      ret[1].text[1].bold === false &&
+    "font-weight");
+
+    t.finish();
+  })
+
   t.test("u",function(t) {
     var ret = htmlToPdfMake("<u>underline word</u>", {window:window});
     if (debug) console.log(JSON.stringify(ret));