pdfmake-browserified
Advanced tools
Browserified version of pdfmake. Supports require() and script-tag. Default font Roboto included, thus zero configuration. Supports custom fonts.
npm install pdfmake-browserified
Default Font: Roboto
var createPdf = require('pdfmake-browserified');
var dd = { content: "This is a sample PDF printed with pdfMake" };
createPdf(dd).open();
Custom Font: Junge
Find prepared fonts for Node here: Prepared Google Fonts.
var createPdf = require('pdfmake-browserified');
var map = require('<path to>/browserified/ofl/junge.map.js'); // font style mapping
var data = require('<path to>/browserified/ofl/junge.js'); // font data
var defaultFont = Object.keys(map)[0];
var dd = {
content: "This is a sample PDF printed with pdfMake",
defaultStyle: { font: defaultFont }
};
createPdf(dd, map, data).open();
Default Font: Roboto
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>Google Fonts with regular pdfmake</title>
<script src='<your path>/pdfmake-browserified.min.js'></script>
</head>
<body>
<input type="button" onclick="openPdf()" value="Open PDF"></input>
<script>
function openPdf() {
var docDefinition = { content: "This is a sample PDF printed with pdfMake" };
createPdf(docDefinition).open();
}
</script>
</body>
</html>
Custom Font: Junge
Find prepared fonts for Browser here: Prepared Google Fonts.
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>Google Fonts with regular pdfmake</title>
<script src='<your path>/pdfmake-browserified.min.js'></script>
<script src='<your path>/ofl/junge.js'></script><!-- the font data -->
<script src='<your path>/ofl/junge.map.js'></script><!-- the font-style mapping -->
</head>
<body>
<input type="button" onclick="openPdf()" value="Open PDF"></input>
<script>
function openPdf() {
var docDefinition = {
content: "This is a sample PDF printed with pdfMake",
defaultStyle: { font: Object.keys(pdfMake.fonts)[0] }
};
createPdf(docDefinition, pdfMake.fonts, pdfMake.vfs).open();
}
</script>
</body>
</html>
Providing pdfmake as an npm module, which can be required.
Removing boilerplate code, that is required when one uses pdfmake with frameworks line AngularJS.
A small AngularJS example is provided in the test directory.
The commands below will build the module bundle and open a browser. The page provides buttons to check open and download capabilities manually.
npm install
npm start
During your production builds, including this module, you want to exclude this module from minification/uglification/compression, as it is already minified. The same is true for custom fonts. Both are pretty big and will slow minification/uglification/compression down.
pdfmake-browserified can be used like the original pdfmake via script-tag in an HTML page. With the same method signature: createPdf(docDefinition, fonts, vfs).open();
But: It can be used via require('pdfmake-browserify') in Node applications, too. In Node, the method signature stays the same: createPdf(docDefinition, fonts, vfs).open();
xErik
NPM pdfmake-browserified MIT License
GIT pdfmake-browserified MIT License
I did this for fun. Contributions from people with a more solid node background are welcome!
MIT
FAQs
Browserified version of pdfmake. Supports require() and script-tag. Default font Roboto included, thus zero configuration. Supports custom fonts.
We found that pdfmake-browserified demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
Security News
MITRE's 2024 CWE Top 25 highlights critical software vulnerabilities like XSS, SQL Injection, and CSRF, reflecting shifts due to a refined ranking methodology.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.