FIX THE PDF BULLET LIST

Default plugin for “PDFMake” has error while display PDF bullet list.

Solution / Recommendation

To fix it go to path:

C:\Program Files\PHPRunner10.91\source\include\common\pdfmake

Open file:

html2make.js

opy paste this code and replace the current code:

window.htmlToPdfMake = function(htmlText, options) {
var wndw = (options && options.window ? options.window : window);

// set default styles
var defaultStyles = {
b: {bold:true},
strong: {bold:true},
u: {decoration:’underline’},
s: {decoration: ‘lineThrough’},
em: {italics:true},
i: {italics:true},
h1: {fontSize:24, bold:true, marginBottom:5},
h2:{lineHeight:1.0,alignment:’center’,color:’white’,fontSize:8},
h3: {fontSize:20, bold:true, marginBottom:5},
h4: {fontSize:18, bold:true, marginBottom:5},
h5: {fontSize:16, bold:true, marginBottom:5},
h6: {fontSize:14, bold:true, marginBottom:5},
a: {color:’blue’, decoration:’underline’},
strike: {decoration: ‘lineThrough’},
p: {margin:[0, 5, 0, 10],lineHeight: 1.5,fontSize:14},
ul: {marginBottom:5},
li: {marginLeft:5},
table: {marginBottom:5},
th: {bold:true, fillColor:’#EEEEEE’}
}

var inlineTags = [ ‘p’, ‘li’, ‘span’, ‘strong’, ’em’, ‘b’, ‘i’, ‘u’, ‘th’, ‘td’ ];

if (options && options.defaultStyles) {
for (var keyStyle in options.defaultStyles) {
if (defaultStyles.hasOwnProperty(keyStyle)) {
if (options.defaultStyles.hasOwnProperty(keyStyle) && !options.defaultStyles[keyStyle]) {
delete defaultStyles[keyStyle];
} else {
for (var k in options.defaultStyles[keyStyle]) {
if (!options.defaultStyles[keyStyle][k]) delete defaultStyles[keyStyle][k];
else defaultStyles[keyStyle][k] = options.defaultStyles[keyStyle][k];
}
}
}
}
}

var convertHtml = function(htmlText) {
var docDef = [];

// Create a HTML DOM tree out of html string
var parser = new wndw.DOMParser();
var parsedHtml = parser.parseFromString(‘<div style=”text-align:justify”>’ + htmlText + ‘</div>’, ‘text/html’);

// Go thru each child
[].forEach.call(parsedHtml.body.childNodes, function(child) {
var ret = parseElement(child);
if (ret) {
// to reduce the amount of code
if (Array.isArray(ret) && ret.length === 1) ret=ret[0];
//console.log(util.inspect(ret, {showHidden: false, depth: null})); // to debug
docDef.push(ret);
}
});

return docDef;
}

var parseElement = function(element, parentNode, parents) {
var nodeName = element.nodeName.toLowerCase();
var parentNodeName = (parentNode ? parentNode.nodeName.toLowerCase() : ”);
var ret, text, cssClass, dataset, key, dist, isInlineTag;
parents = parents || [];

switch (element.nodeType) {
case 3: // Text node
if (element.textContent) {
text = element.textContent.replace(/\n(\s+)?/g, “”);
if (text) {
if (/^\s+$/.test(text) && [‘table’, ‘thead’, ‘tbody’, ‘tr’, ‘div’].indexOf(parentNodeName) > -1) return ret;
ret = {‘text’: text};
if (parentNodeName) {
applyParentsStyle(ret, element);
if (parentNodeName === “a”) {
ret.link = parentNode.getAttribute(“href”);
}
} else {
ret = text;
}
}
}
return ret;
case 1: // Element node
ret = [];
parents.push(nodeName);
if (element.childNodes.length === 0 && (nodeName === “th” || nodeName === “td”)) ret.push({text: ”});
else {
[].forEach.call(element.childNodes, function(child) {
child = parseElement(child, element, parents);
if (child) {
if (Array.isArray(child) && child.length === 1) child = child[0];
ret.push(child);
}
});
parents.pop();
}
if (ret.length === 0) ret = “”;

switch (nodeName) {
case “svg”:
ret = {
svg: element.outerHTML
};
ret.style = [‘html-‘ + nodeName];
break;
case “br”:
ret = ‘\n’;
break;
case “ol”:
case “ul”:
var listType = nodeName === “ol” ? ‘ol’ : ‘ul’;
ret = {[listType]: []};
ret.style = [‘html-‘ + listType];
cssClass = element.getAttribute(“class”);
if (cssClass) {
ret.style = ret.style.concat(cssClass.split(‘ ‘));
}
setComputedStyle(ret, element.getAttribute(“style”));
if (listType === ‘ol’) {
var type = element.getAttribute(“type”);
if (type) {
switch (type) {
case ‘A’:
ret.type = ‘upper-alpha’;
break;
case ‘a’:
ret.type = ‘lower-alpha’;
break;
case ‘I’:
ret.type = ‘upper-roman’;
break;
case ‘i’:
ret.type = ‘lower-roman’;
break;
default:
ret.type = ‘lower-alpha’;
}
}
}
for (var child = element.firstChild; child; child = child.nextSibling) {
if (child.nodeName.toLowerCase() === ‘li’) {
var li = parseElement(child);
ret[listType].push(li);
}
}
break;
case “table”:
ret = {“_”: ret, table: {body: []}};
ret._.forEach(function(re) {
if (re.stack) {
var td = [], rowspan = {};
re.stack.forEach(function(r, indexRow) {
var c, cell, i, indexCell;
if (r.stack) {
if (rowspan[indexRow]) {
rowspan[indexRow].forEach(function(cell) {
r.stack.splice(cell.index, 0, {text: ”, style: [‘html-td’, ‘html-tr’], colSpan: cell.colspan});
});
}
for (c = 0, cell; c < r.stack.length;) {
cell = r.stack[c];
if (cell.colSpan > 1) {
for (i = 0; i < cell.colSpan – 1; i++) {
r.stack.splice(c + 1, 0, “”);
}
c += cell.colSpan;
} else c++;
}
indexCell = 0;
r.stack.forEach(function(cell) {
if (cell.rowSpan) {
for (var i = 0; i < cell.rowSpan; i++) {
if (!rowspan[indexRow + i]) rowspan[indexRow + i] = [];
rowspan[indexRow + i].push({index: indexCell, colspan: cell.colSpan || 1});
}
}
indexCell += cell.colSpan || 1;
});
ret.table.body.push(r.stack);
} else {
td.push(r);
if (r.colSpan > 1) {
for (i = 0; i < r.colSpan – 1; i++) {
td.push(“”);
}
}
}
});
if (td.length > 0) ret.table.body.push(td);
} else {
ret.table.body.push([re]);
}
});
delete ret._;
setComputedStyle(ret, element.getAttribute(“style”));
break;
case “img”:
ret = {image: element.getAttribute(“src”)};
ret.style = [‘html-img’];
cssClass = element.getAttribute(“class”);
if (cssClass) {
ret.style = ret.style.concat(cssClass.split(‘ ‘));
}
if (element.getAttribute(“width”)) {
ret.width = parseFloat(element.getAttribute(“width”));
}
if (element.getAttribute(“height”)) {
ret.height = parseFloat(element.getAttribute(“height”));
}
setComputedStyle(ret, element.getAttribute(“style”));
break;
}

if (ret) {
if (Array.isArray(ret)) {
if (ret.length === 1 && nodeName !== “tr”) {
ret = ret[0];
if (typeof ret === “string”) ret = {text: ret};
if (ret.text) {
applyDefaultStyle(ret, nodeName);
setComputedStyle(ret, element.getAttribute(“style”));
}
ret.style = (ret.style || []).concat([‘html-‘ + nodeName]);
if (nodeName === “td” || nodeName === “th”) ret.style.push(‘html-tr’);
} else {
isInlineTag = (inlineTags.indexOf(nodeName) > -1);
ret = (!isInlineTag || /{“(stack|table|ul|ol)”:/.test(JSON.stringify(ret))) ? {stack: ret} : {text: ret};
ret.style = [‘html-‘ + nodeName];
cssClass = element.getAttribute(“class”);
if (cssClass) {
ret.style = ret.style.concat(cssClass.split(‘ ‘));
}
setComputedStyle(ret, element.getAttribute(“style”));
}
} else if (typeof ret === “string”) {
ret = {text: ret};
applyDefaultStyle(ret, nodeName);
cssClass = element.getAttribute(“class”);
if (cssClass) {
ret.style = ret.style.concat(cssClass.split(‘ ‘));
}
setComputedStyle(ret, element.getAttribute(“style”));
} else if (typeof ret === “object” && !ret.image) {
applyDefaultStyle(ret, nodeName);
setComputedStyle(ret, element.getAttribute(“style”));
ret.style = (ret.style || []).concat([‘html-‘ + nodeName]);
cssClass = element.getAttribute(“class”);
if (cssClass) {
ret.style = ret.style.concat(cssClass.split(‘ ‘));
}
}
dataset = element.dataset;
if (dataset && ret.text) {
for (key in dataset) {
ret[key] = dataset[key];
}
}
}
return ret;
}
};

var applyDefaultStyle = function(ret, nodeName) {
if (defaultStyles.hasOwnProperty(nodeName)) {
for (var style in defaultStyles[nodeName]) {
if (!ret.hasOwnProperty(style)) ret[style] = defaultStyles[nodeName][style];
}
}
};

return convertHtml(htmlText);
};

Solution / Recommendation

Categories

Keyword