PptxGenJS

https://gitbrent.github.io/PptxGenJS/docs/
Admin
PptxGenJS is a JavaScript library for generating PowerPoint presentations programmatically, with...
Tokens:1,565
Snippets:25
Trust Score:8.3
Update:2 months ago
Show doc for...
Tokens:
Raw
### Install PptxGenJS via Package Manager

Source: https://gitbrent.github.io/PptxGenJS/docs/installation

Use these commands to add the library to your Node-based project.

```shell
npm install pptxgenjs
```

```shell
yarn add pptxgenjs
```

--------------------------------

### Create a presentation in a web browser script

Source: https://gitbrent.github.io/PptxGenJS/docs/introduction

Initialize a presentation using the global PptxGenJS constructor available in browser environments.

```javascript
// 1. Create a new Presentation
let pres = new PptxGenJS();

// 2. Add a Slide
let slide = pres.addSlide();

// 3. Add one or more objects (Tables, Shapes, Images, Text and Media) to the Slide
let textboxText = "Hello World from PptxGenJS!";
let textboxOpts = { x: 1, y: 1, color: "363636" };
slide.addText(textboxText, textboxOpts);

// 4. Save the Presentation
pres.writeFile();
```

--------------------------------

### Create a presentation in Angular, React, ES6, or TypeScript

Source: https://gitbrent.github.io/PptxGenJS/docs/introduction

Initialize a presentation using the module import pattern.

```javascript
import pptxgen from "pptxgenjs";

// 1. Create a new Presentation
let pres = new pptxgen();

// 2. Add a Slide
let slide = pres.addSlide();

// 3. Add one or more objects (Tables, Shapes, Images, Text and Media) to the Slide
let textboxText = "Hello World from PptxGenJS!";
let textboxOpts = { x: 1, y: 1, color: "363636" };
slide.addText(textboxText, textboxOpts);

// 4. Save the Presentation
pres.writeFile();
```

--------------------------------

### Create a PowerPoint in Node.js

Source: https://gitbrent.github.io/PptxGenJS/docs/quick-start

Initializes a presentation, adds a slide, inserts a text box, and saves the file in a Node-based environment.

```tsx
import pptxgen from “pptxgenjs”;
// 1. Create a Presentation let pres = new pptxgen();
// 2. Add a Slide to the presentation let slide = pres.addSlide();
// 3. Add 1+ objects (Tables, Shapes, etc.) to the Slide let textboxText = “Hello World from PptxGenJS!”; let textboxOpts = { x: 1, y: 1, color: “363636” }; slide.addText(textboxText, textboxOpts);
// 4. Save the Presentation pres.writeFile({ fileName: “Hello-World.pptx” });
```

--------------------------------

### Include PptxGenJS with Separate Files

Source: https://gitbrent.github.io/PptxGenJS/docs/installation

Load the library and its dependency manually if not using the bundled version.

```html
<script src="PptxGenJS/libs/jszip.min.js"></script>
<script src="PptxGenJS/dist/pptxgen.min.js"></script>
```

--------------------------------

### Create a PowerPoint in a Web Browser

Source: https://gitbrent.github.io/PptxGenJS/docs/quick-start

Standard implementation for client-side web applications to generate and download a PowerPoint file.

```javascript
// 1. Create a new Presentation
let pres = new PptxGenJS();

// 2. Add a Slide
let slide = pres.addSlide();

// 3. Add one or more objects (Tables, Shapes, Images, Text and Media) to the Slide
let textboxText = "Hello World from PptxGenJS!";
let textboxOpts = { x: 1, y: 1, color: "363636" };
slide.addText(textboxText, textboxOpts);

// 4. Save the Presentation
pres.writeFile({ fileName: "Hello-World.pptx" });
```

--------------------------------

### Include PptxGenJS via CDN

Source: https://gitbrent.github.io/PptxGenJS/docs/installation

Load the bundled library directly in your HTML file using jsDelivr.

```html
<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs/dist/pptxgen.bundle.js"></script>
```

--------------------------------

### Convert HTML tables to PowerPoint slides

Source: https://gitbrent.github.io/PptxGenJS/docs/introduction

Automatically generate slides from an existing HTML table element by providing its ID.

```javascript
let pptx = new pptxgen();
pptx.tableToSlides("tableElementId");
pptx.writeFile({ fileName: "html2pptx-demo.pptx" });
```
Tokens:
Raw