Editing article

Title

Summary

Content

<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*-snkrdxfwDYFSNkr.png" /></figure><h3>Description</h3>This is a simple sample script for adding the page numbers to PDF data using Google Apps Script.When you use this script, please copy and paste the following script to the script editor of Google Apps Script. And, please set the file ID of the PDF file.<h3>Sample script</h3>In this script, <a href="https://pdf-lib.js.org/">pdf-lib</a> is used.<pre>/** * ### Description * Add page numbers to PDF. * * @param {Object} blob PDF blob. * @param {Object} pageFormat Format of page number. * @returns {Blob} Updated PDF blob. */ async function addPageNumbers_(blob, pageFormat) { if (blob.getContentType() != MimeType.PDF) { throw new Error(&quot;Blob is not PDF.&quot;); } // Load pdf-lib const cdnjs = &quot;https://cdn.jsdelivr.net/npm/pdf-lib/dist/pdf-lib.min.js&quot;; eval(UrlFetchApp.fetch(cdnjs).getContentText().replace(/setTimeout$.*?,.*?(\d*?)$/g, &quot;Utilities.sleep($1);return t();&quot;)); const data = new Uint8Array(blob.getBytes()); const pdfData = await PDFLib.PDFDocument.load(data); const pdfDoc = await PDFLib.PDFDocument.create(); (await pdfDoc.copyPages(pdfData, pdfData.getPageIndices())) .forEach((page, i) =&gt; { const { width } = page.getSize(); const obj = { center: width / 2, left: 20, right: width - 20 }; const pageFormatObj = { ...pageFormat }; pageFormatObj.x = obj[pageFormat.x]; page.drawText(`${i + 1}`, pageFormatObj); pdfDoc.addPage(page); }); const bytes = await pdfDoc.save(); return Utilities.newBlob([...new Int8Array(bytes)], MimeType.PDF, `new_${blob.getName()}`); } // Please run this function. function sample1() { const fileId = &quot;###&quot;; // Please set the file ID of the PDF file. const pdfBlob = DriveApp.getFileById(fileId).getBlob(); // Of course, you can directly give the PDF blob. const pageFormat = { size: 10, x: &quot;center&quot;, y: 10 }; addPageNumbers_(pdfBlob, pageFormat).then((newBlob) =&gt; DriveApp.createFile(newBlob) ); } // This function is a simple demonstration script. function sample2() { // Create a sample Google Document. const tempDoc = DocumentApp.create(&quot;tempDoc&quot;); const body = tempDoc.getBody(); for (let p = 0; p &lt; 5; p++) { body.appendParagraph(`sample text ${p + 1}`).appendPageBreak(); } tempDoc.saveAndClose(); const pdfBlob = tempDoc.getBlob(); // Add page numbers. const pageFormat = { size: 10, x: &quot;center&quot;, y: 10 }; addPageNumbers_(pdfBlob, pageFormat).then((newBlob) =&gt; DriveApp.createFile(newBlob) ); }</pre><ul><li>When you run the function sample1, the page numbers are added to the center of each page.</li><li>When you run the function sample2, a new Google Document is created including 5 pages. And, the page numbers are added to the center of each page.</li><li>In this sample, a simple format like { size: 10, x: &quot;center&quot;, y: 10 } is used for the page numbers. Here, the page numbers are put to only “left”, “center”, and “right” of the bottom of the page. But, there are various parameters in DrawTextOptions. <a href="https://pdf-lib.js.org/docs/api/interfaces/drawtextoptions">Ref</a> So, when you want to customize more, please modify the script.</li></ul><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=ae964fb07655" width="1" height="1" alt=""><hr><a href="https://medium.com/google-cloud/adding-page-numbers-to-pdf-using-google-apps-script-ae964fb07655">Adding Page Numbers to PDF using Google Apps Script</a> was originally published in <a href="https://medium.com/google-cloud">Google Cloud - Community</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Author

Link

Published date

Image url

Feed url

Guid

Hidden blurb

--- !ruby/object:Feedjira::Parser::RSSEntry
title: Adding Page Numbers to PDF using Google Apps Script
url: https://medium.com/google-cloud/adding-page-numbers-to-pdf-using-google-apps-script-ae964fb07655?source=rss----e52cf94d98af---4
author: Kanshi Tanaike
categories:
- javascript
- pdf
- google-cloud-platform
- google-apps-script
- gcp-app-dev
published: 2024-05-15 00:49:19.000000000 Z
entry_id: !ruby/object:Feedjira::Parser::GloballyUniqueIdentifier
 is_perma_link: 'false'
 guid: https://medium.com/p/ae964fb07655
carlessian_info:
 news_filer_version: 2
 newspaper: Google Cloud - Medium
 macro_region: Blogs
rss_fields:
- title
- url
- author
- categories
- published
- entry_id
- content
content: '<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*-snkrdxfwDYFSNkr.png"
 /></figure><h3>Description</h3>This is a simple sample script for adding the
 page numbers to PDF data using Google Apps Script.When you use this script,
 please copy and paste the following script to the script editor of Google Apps Script.
 And, please set the file ID of the PDF file.<h3>Sample script</h3>In this
 script, <a href="https://pdf-lib.js.org/">pdf-lib</a> is used.<pre>/** *
 ### Description * Add page numbers to PDF. * * @param {Object} blob PDF
 blob. * @param {Object} pageFormat Format of page number. * @returns {Blob}
 Updated PDF blob. */ async function addPageNumbers_(blob, pageFormat) { if
 (blob.getContentType() != MimeType.PDF) { throw new Error(&quot;Blob is not
 PDF.&quot;); } // Load pdf-lib const cdnjs = &quot;https://cdn.jsdelivr.net/npm/pdf-lib/dist/pdf-lib.min.js&quot;; eval(UrlFetchApp.fetch(cdnjs).getContentText().replace(/setTimeout$.*?,.*?(\d*?)$/g,
 &quot;Utilities.sleep($1);return t();&quot;)); const data = new Uint8Array(blob.getBytes()); const
 pdfData = await PDFLib.PDFDocument.load(data); const pdfDoc = await PDFLib.PDFDocument.create(); (await
 pdfDoc.copyPages(pdfData, pdfData.getPageIndices())) .forEach((page, i) =&gt;
 { const { width } = page.getSize(); const obj = { center: width
 / 2, left: 20, right: width - 20 }; const pageFormatObj = { ...pageFormat
 }; pageFormatObj.x = obj[pageFormat.x]; page.drawText(`${i + 1}`,
 pageFormatObj); pdfDoc.addPage(page); }); const bytes = await
 pdfDoc.save(); return Utilities.newBlob([...new Int8Array(bytes)], MimeType.PDF,
 `new_${blob.getName()}`); } // Please run this function. function sample1()
 { const fileId = &quot;###&quot;; // Please set the file ID of the PDF file. const
 pdfBlob = DriveApp.getFileById(fileId).getBlob(); // Of course, you can directly
 give the PDF blob. const pageFormat = { size: 10, x: &quot;center&quot;,
 y: 10 }; addPageNumbers_(pdfBlob, pageFormat).then((newBlob) =&gt; DriveApp.createFile(newBlob) ); } //
 This function is a simple demonstration script. function sample2() { //
 Create a sample Google Document. const tempDoc = DocumentApp.create(&quot;tempDoc&quot;); const
 body = tempDoc.getBody(); for (let p = 0; p &lt; 5; p++) { body.appendParagraph(`sample
 text ${p + 1}`).appendPageBreak(); } tempDoc.saveAndClose(); const
 pdfBlob = tempDoc.getBlob(); // Add page numbers. const pageFormat
 = { size: 10, x: &quot;center&quot;, y: 10 }; addPageNumbers_(pdfBlob, pageFormat).then((newBlob)
 =&gt; DriveApp.createFile(newBlob) ); }</pre><ul><li>When you run
 the function sample1, the page numbers are added to the center of each page.</li><li>When
 you run the function sample2, a new Google Document is created including 5 pages.
 And, the page numbers are added to the center of each page.</li><li>In this sample,
 a simple format like { size: 10, x: &quot;center&quot;, y: 10 } is used for the
 page numbers. Here, the page numbers are put to only “left”, “center”, and “right”
 of the bottom of the page. But, there are various parameters in DrawTextOptions.
 <a href="https://pdf-lib.js.org/docs/api/interfaces/drawtextoptions">Ref</a> So,
 when you want to customize more, please modify the script.</li></ul><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=ae964fb07655"
 width="1" height="1" alt=""><hr><a href="https://medium.com/google-cloud/adding-page-numbers-to-pdf-using-google-apps-script-ae964fb07655">Adding
 Page Numbers to PDF using Google Apps Script</a> was originally published in <a
 href="https://medium.com/google-cloud">Google Cloud - Community</a> on Medium, where
 people are continuing the conversation by highlighting and responding to this story.'

Language

Active

Ricc internal notes

Ricc source

Show this article Back to articles