Skip to content

Instantly share code, notes, and snippets.

Zack Schwartz apexdodge

Block or report user

Report or block apexdodge

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View gist:659fe63a3c8ccbbeec56cbbbd24d328f
import React, { Component } from 'react';
class HtmlToPdf extends Component {
convertHtmlToPdf(e) {
fetch('https://v2018.api2pdf.com/chrome/html', {
method: 'post',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': 'YOUR-API-KEY' //Get your API key from https://portal.api2pdf.com
View gist:556badd8b4fbf71d3cc566800b52b012
<html>
<head>
<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI="
crossorigin="anonymous"></script>
<style>
body {
background: #20262E;
padding: 20px;
View gist:96419862e9bcf6b8729b496b31d66eb2
<html style="color:green;" lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Spicy+Rice" rel="stylesheet">
</head>
<body>
<p style="font-family:Spicy Rice, cursive;">Example of a custom font from fonts.google.com</p>
</body>
</html>
@apexdodge
apexdodge / gist:f2c0acc1f3c10159e6c1114685b5eb42
Created Nov 13, 2018
HTML - Testing Different System Fonts
View gist:f2c0acc1f3c10159e6c1114685b5eb42
<html lang="en">
<body>
<p>Hello World, no font family, defaults to Times New Roman</p>
<p style="font-family:Times New Roman;">Hello World, Times New Roman</p>
<p style="font-family:Arial;">Hello World, Arial</p>
<p style="font-family:Helvetica;">Hello World, Helvetica</p>
<p style="font-family:Courier;">Hello World, Courier</p>
<p style="font-family:Verdana;">Hello World, Verdana</p>
<p style="font-family:Tahoma;">Hello World, Tahoma</p>
<p style="font-family:Arial Black;">Hello World, Arial Black</p>
@apexdodge
apexdodge / gist:61ababd37e649c8cfd8f8437c0ff1d87
Created Oct 7, 2018
Bootstrap 4 HTML Template for Displaying Form Data / Applicant Data
View gist:61ababd37e649c8cfd8f8437c0ff1d87
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<style>
@page {
@bottom-right {
content: counter(page) " of " counter(pages);
}
@apexdodge
apexdodge / gist:e188ce23032d9c12f78eeafb2841b1ff
Created Aug 21, 2018
footer with page numbers for wkhtmltopdf on api2pdf
View gist:e188ce23032d9c12f78eeafb2841b1ff
{
"html": "<p>Hello World</p>",
"inlinePdf": true,
"fileName": "test.pdf",
"options": {
"footerRight": "Page [page] of [topage]"
}
}
@apexdodge
apexdodge / gist:b94f217286a619916ddc193fab8d12f3
Created Aug 21, 2018
sample api2pdf payload for headless chrome header and footer with page numbers
View gist:b94f217286a619916ddc193fab8d12f3
{
"html": "<p>Hello World</p>",
"inlinePdf": true,
"fileName": "test.pdf",
"options": {
"displayHeaderFooter": true,
"footerTemplate": "<div class=\"page-footer\" style=\"width:100%; text-align:right; font-size:12px;\">Page <span class=\"pageNumber\"></span> of <span class=\"totalPages\"></span></div>"
}
}
@apexdodge
apexdodge / gist:8bd58e37f6b78ea711401860e7b64479
Created Aug 21, 2018
footerTemplate example for headless chrome
View gist:8bd58e37f6b78ea711401860e7b64479
<div class=\"page-footer\" style=\"width:100%; text-align:right; font-size:12px;\">Page <span class=\"pageNumber\"></span> of <span class=\"totalPages\"></span></div>
@apexdodge
apexdodge / gist:58d543918aa4b050d87e9b6b375a994c
Created Aug 21, 2018
HTML to force page breaks when printing to PDF
View gist:58d543918aa4b050d87e9b6b375a994c
<div style="page-break-before:always;">
<p>YOUR CONTENT 1</p>
</div>
<div style="page-break-before:always;">
<p>YOUR CONTENT 2</p>
</div>
<div style="page-break-before:always;">
<p>YOUR CONTENT 3</p>
@apexdodge
apexdodge / gist:5e67764b4722e280c01ff53701535ded
Created Jul 26, 2018
Bootstrap 4 Packing Slip HTML Template
View gist:5e67764b4722e280c01ff53701535ded
<html lang="en">
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<main role="main" class="container">
<div class="row">
<div class="col-8">
You can’t perform that action at this time.