@AriJS / StreamXMLParser

Testing

$ npm run test -- notPrettyXmlStream

$ npm run test -- notPrettyXml

$ npm run test -- testHtml

$ npm run test -- selfClose

$ npm run test -- treeBuilder

Snabbdom

Parse a HTML string to a tree of VNodes and use Snabbdom to patch a DOM element

// Note below that you need to provide functions
// to decode and encode html entities
// (ex: < to &lt;, " to &quot;, etc)

function elGetHtml (el) {
	var t = String(el.tagName).toLowerCase();
	var a = '';
	var ea = el.attributes;
	var eac = ea.length;
	for (var i = 0; i < eac; i++) {
		var eai = ea[i];
		// ↓ provide your encode function ↓
		var ean = htmlEntitiesEncode(eai.name);
		var eav = htmlEntitiesEncode(eai.value);
		a += ' '+ean+'='+JSON.stringify(eav);
	}
	var sc = StreamXMLParser.htmlVoidTagMap[t];
	return {
		open: '<'+t+a+(sc?'/':'')+'>',
		close: sc ? '' : '</'+t+'>'
	};
}

function htmlToVnodes (html) {
	var tb = new StreamXMLParser.TreeBuilder({
		element: StreamXMLParser.elementSnabbdom()
	});
	var xp = new StreamXMLParser.XMLParser({
		event: tb.parserEvent.bind(tb),
		// ↓ provide your decode function ↓
		decodeString: htmlEntitiesDecode
	});
	xp.end(html);
	return tb.root.tag.children;
}

function patchElHtml (el, html) {
	var patch = snabbdom.init([
		require('snabbdom/modules/attrs').default
	]);
	var outer = elGetHtml(el);
	html = outer.open+html+outer.close;
	html = htmlToVnodes(html);
	el = snabbdom.toVNode(el);
	patch(el, html[0]);
}

// How to use:
patchElHtml(your_element, your_html_string);

HTML to PDF with Leerraum.js and jsPDF

Leerraum.js

jsPDF

var mmPerInch = 25.4;
var pointsPerInch = 72;
var pointsPerMm = pointsPerInch / mmPerInch;
var mmPerPoints = mmPerInch / pointsPerInch;
var pageWidth = 210; // A4 paper
var pageHeight = 297;

function renderNode(doc, node, lineX, lineY) {
	var span = node.span;
	var font = span.fontFamily.split('\t');
	doc.setFont(font[0]);
	doc.setFontStyle(font[1] || "normal");
	doc.setFontSize(span.fontSize);
	doc.text(node.text, node.x * mmPerPoints + lineX, lineY);
}

function htmlToParagraphs(html, rootStyle) {
	var ht = new StreamXMLParser.HTMLTypeset();
	var tb = new StreamXMLParser.TreeBuilder(ht.treeEvent);
	var xp = new StreamXMLParser.XMLParser({
		event: tb.parserEvent
		// ↓ provide your decode function ↓
		decodeString: htmlEntitiesDecode
	});
	Object.assign(ht.rootStyle, rootStyle);
	xp.end(html);
	return ht;
}

function renderHtmlColumnsToPdf(html, rootStyle)
	var ht = new StreamXMLParser.HTMLTypeset();
	var rootStyle = ht.rootStyle;
	rootStyle.fontSize = 8;
	rootStyle.lineLeading = 10;
	rootStyle.paragraphLeading = 6;
	var tb = new StreamXMLParser.TreeBuilder(ht.treeEvent);
	var xp = new StreamXMLParser.XMLParser({
		event: tb.parserEvent
		// ↓ provide your decode function ↓
		decodeString: htmlEntitiesDecode
	});
	xp.end(this.sumarioExecutivo);
	ht = ht.getResult();
	var measures = Leerraum.jsPdfDocMeasures(doc);
	var colNum = 3;
	var colGap = 2;
	var colTop = 10;
	var colLeft = 10;
	var colWidth = 62;
	var colHeight = pageHeight - (colTop * 2);
	var firstPageOffset = 12;
	var lineHeight = rootStyle.lineLeading * mmPerPoints;
	var parMargin = rootStyle.paragraphLeading * mmPerPoints;
	var parsLines = Leerraum.paragraphsToTextNodes(measures, ht.result, function() {
		return colWidth * pointsPerMm;
	});
	var getPageHeight = function (page) {
		// page number starting from zero on the first page,
		// content has less space because of space reserved
		// for a title on the page.
		// This function can return a custom height for each page.
		return page ? colHeight : colHeight - firstPageOffset;
	};
	var getPageTop = function (page) {
		return colTop + (page ? 0 : firstPageOffset);
	};
	var pagesCols = Leerraum.columns.paragraphsToPageColumns(parsLines, getPageHeight, colNum, lineHeight, parMargin);
	var pageCols;
	var pageIndex = 0;
	while (pageCols = pagesCols.shift()) {
		var colPars = null;
		var x = colLeft;
		var y = getPageTop(pageIndex);
		while (colPars = pageCols.shift()) {
			var parLines;
			while (parLines = colPars.shift()) {
				var lineWords;
				while (lineWords = parLines.shift()) {
					var word;
					while (word = lineWords.shift()) {
						renderNode(doc, word, x, y + 1);
					}
					y += lineHeight;
				}
				y += parMargin;
			}
			x += colWidth + colGap;
			y = getPageTop(pageIndex);
		}
		if (pagesCols.length) {
			doc.addPage('a4', 'p');
			this.createPDFBackground(doc, cs);
			pageIndex++;
		}
	}
}

License

MIT.