Discover gists

Line wrapping in jsPDF

jsPDF is a low-level library for building PDF files in JavaScript. ~~It does not support multiline text.~~ It does, text accept array, just split with splitTextToSize

Based on: https://gist.github.com/AnalyzePlatypus/c54d520e9bd5b5f662aeb0276e3f01a4

Line wrapping in jsPDF

jsPDF is a low-level library for building PDF files in JavaScript. It does not support multiline text.

Here's a complete helper function based on the answers by @KB1788 and @user3749946 in this StackOverflow thread:

It includes line wrap, page wrap, and some styling control:

	const sqlFormatter = require('sql-formatter')
	const promisify = require('promisify-node')
	const fs = promisify('fs')
	const path = require('path')

	const INDENT = '\t'
	const SCHEMAFILE = path.resolve(__dirname, 'schema.sql')

	(async () => {
	try {

	<?php namespace ProcessWire;

	class Events extends PagesType {

	/**
	* Construct the Events manager for the given parent and template
	*
	* @param Template\|int\|string\|array $templates Template object or array of template objects, names or IDs
	* @param int\|Page\|array $parents Parent ID or array of parent IDs (may also be Page or array of Page objects)
	*/

	How do you get that JSON?
	Data is what drives our apps and tools.
	Whenever you need data, you need to figure out what is the best way to use that data in the front-end.
	Depending on your options and the way you use that data, you can figure out what to do with it.
	Control over the data
	Does it belong to you? Have you created the data?
	Can you host it?
	Is it static?
	Is it dynamic?
	Does it have to be managed? By Who?

	// Reference: http://lea.verou.me/2011/10/easily-keep-gh-pages-in-sync-with-master/

	$ git add .
	$ git status // to see what changes are going to be commited
	$ git commit -m 'Some descriptive commit message'
	$ git push origin master

	$ git checkout gh-pages // go to the gh-pages branch
	$ git rebase master // bring gh-pages up to date with master
	$ git push origin gh-pages // commit the changes

	# CLI
	sudo apt update -y
	sudo apt install -y \
	git curl docker.io \
	build-essential pkg-config autoconf bison rustc cargo clang \
	libssl-dev libreadline-dev zlib1g-dev libyaml-dev libreadline-dev libncurses5-dev libffi-dev libgdbm-dev libjemalloc2 \
	libvips imagemagick libmagickwand-dev \
	redis-tools sqlite3 libsqlite3-0 libmysqlclient-dev \
	rbenv apache2-utils

	/*
	Usage:

	import getImageKitModifierQueryString from "getImageKitModifiers.js";

	const IMAGEKIT_CDN_ROOT = "https://ik.imagekit.io/my-app/";
	const myImageKey = "image.jpg";

	const modifierQueryString = getImageKitModifierQueryString({
	width: 45,

	readFileAsync(file) {
	return new Promise((resolve, reject) => {
	let reader = new FileReader()

	reader.onload = () => {
	resolve(reader.result)
	}

	reader.onerror = reject