jsmithdev/pdf-force

Generate PDF from HTML (Salesforce, Client-side)

pdf-force

Generate PDF from HTML (Salesforce, Client-side)

Issues

There's an issue #1 that needs to be resolved. Basically this was built locally w/ sfdx local dev server and requirements as is were too large to deploy and haven't found time to spend on it since

API

save -- function, save the file to the client's machine

filename -- String, name of the file when saving

orientation -- String, orientation of PDF; Defaults to 'portrait'

scale -- String, scale of PDF; Defaults to 1

margin -- String, PDF margin (in jsPDF units). Can be a single number, [vMargin, hMargin], or [top, left, bottom, right]; Defaults to 0

Examples

A parent component would add content to the content slot as so:

<c-pdf-force>
    <span slot="content">

        <table>
            <tr>
            <th>Company</th>
            <th>Contact</th>
            </tr>
            <tr>
            <td>Alfreds Futterkiste</td>
            <td>Maria Anders</td>
            </tr>
            <tr>
            <td>Centro comercial Moctezuma</td>
            <td>Francisco Chang</td>
            </tr>
        </table>
    </span>
</c-pdf-force>

<lightning-button 
    label="Generate PDF"
    onclick={generatePDF}>
</lightning-button>

Now the parent component can run the save function

import { LightningElement } from 'lwc';

export default class PdfExample extends LightningElement {
    generatePDF(){
        this.template.querySelector('c-pdf-force').save()
    }
}

The browser will initiate a download of the resulting PDF

Deploy

Click to Deploy

There's an issue #1 that needs to be resolved first

### SFDX Deployment

Instructions can be found @ [https://github.com/jsmithdev/sfdx-deploy-instructions](https://github.com/jsmithdev/sfdx-deploy-instructions)

## Projects Used

[html2pdf](https://github.com/eKoopmans/html2pdf.js)

- [jsPDF](https://github.com/MrRio/jsPDF)
- [pako](https://github.com/nodeca/pako)
- [html2canvas](https://github.com/niklasvh/html2canvas)
- [DOMPurify](https://github.com/cure53/DOMPurify)

---

written on ☕ by [Jamie Smith](https://jsmith.dev)