JavaScript library that creates PowerPoint presentations
npm install pptxgenjs-angular   
Quickly and easily create PowerPoint presentations with a few simple JavaScript commands in client web browsers or Node desktop apps.
**
Table of Contents (generated with DocToc)
- Live Demo
- Installation
- Client-Side
- Include Local Scripts
- Include Bundled Script
- Install With Bower
- Node.js
- Quick Start Guide
- Library API
- Presentation Creation/Options
- Slide Creation/Options
- Saving a Presentation
- Master Slides and Corporate Branding
- Adding Charts
- Adding Images
- Adding Media (Audio/Video/YouTube)
- Adding Shapes
- Adding Tables
- Adding Text
- Including Speaker Notes
- Using Scheme Colors
- HTML-to-PowerPoint Feature
- Integration with Other Libraries
- Full PowerPoint Shape Library
- Typescript Definitions
- Issues / Suggestions
- Need Help?
- Unimplemented Features
- Special Thanks
- Support Us
- License
**
Download and copy pptxgenjs-angular-1.0.0-beta.tgz to your project directory.
Then run:
``javascript`
npm install ./pptxgenjs-angular-1.0.0-beta.tgz
Update your project's angular.json file:
"scripts": [
"node_modules/pptxgenjs-angular/libs/jquery.min.js",
"node_modules/pptxgenjs-angular/libs/jszip.min.js",
"node_modules/pptxgenjs-angular/libs/promise.min.js",
]
Start the app:
ng serve
Now you can import PptxGenJS in your components like so:
import * as PptxGenJS from 'pptxgenjs-angular'
javascript
`
* IE11 support requires a Promises polyfill as well (included in the libs folder)$3
`javascript
`
* Bundle script includes all libraries: jQuery + JSzip + PptxGenJS + Promises$3
`javascript
bower install pptxgen
`Node.js
PptxGenJS NPM Homepage
`javascript
npm install pptxgenjsvar pptx = require("pptxgenjs");
`
* Desktop: Compatible with Electron applications**
Quick Start Guide
PptxGenJS PowerPoint presentations are created via JavaScript by following 4 basic steps:1. Create a new Presentation
2. Add a Slide
3. Add one or more objects (Tables, Shapes, Images, Text and Media) to the Slide
4. Save the Presentation
`javascript
var pptx = new PptxGenJS();
var slide = pptx.addNewSlide();
slide.addText('Hello World!', { x:1.5, y:1.5, fontSize:18, color:'363636' });
pptx.save('Sample Presentation');
`
That's really all there is to it!
**
Library API
Presentation Creation/Options
Creating a Presentation
Presentation Options Slide Creation/Options
Adding a Slide
Slide OptionsSaving a Presentation
Saving a PresentationMaster Slides and Corporate Branding
Master SlidesAdding Charts
Adding ChartsAdding Images
Adding ImagesAdding Media (Audio/Video/YouTube)
Adding MediaAdding Shapes
Adding ShapesAdding Tables
Adding TablesAdding Text
Adding TextIncluding Speaker Notes
Speaker NotesUsing Scheme Colors
Using Scheme Colors
**
HTML-to-PowerPoint Feature
**
Integration with Other Libraries
Integration with Other Libraries
**
Full PowerPoint Shape Library
If you are planning on creating Shapes (basically anything other than Text, Tables or Rectangles), then you'll want to
include the pptxgen.shapes.js library.The shapes file contains a complete PowerPoint Shape object array thanks to the officegen project.
`javascript
`
**
Typescript Definitions
As of version 2.3.0, typescript definitions are available (
pptxgen.d.ts).
**
Issues / Suggestions
Please file issues or suggestions on the issues page on github, or even better, submit a pull request. Feedback is always welcome!
When reporting issues, please include a code snippet or a link demonstrating the problem.
Here is a small jsFiddle that is already configured and uses the latest PptxGenJS code.
**
Need Help?
Sometimes implementing a new library can be a difficult task and the slightest mistake will keep something from working. We've all been there!
If you are having issues getting a presentation to generate, check out the demos in the
examples` directory. There* Use a pre-configured jsFiddle to test with: PptxGenJS Fiddle
* Use Ask Question on StackOverflow - be sure to tag it with "PptxGenJS"
**
The PptxGenJS library is not designed to replicate all the functionality of PowerPoint, meaning several features
are not on the development roadmap.
These include:
* Animations
* Importing Existing Presentations and/or Templates
* Outlines
* SmartArt
**
* Officegen Project - Shape definitions and XML code
* Dzmitry Dulko - Getting the project published on NPM
* kajda90 - New Master Slide Layouts
* Connor Bowman - Adding Placeholders
* PPTX Chart Experts: kajda90, Matt King, Mike Wilcox
* Everyone who has contributed, submitted an Issue, or created Pull Request.
**
Do you like this library and find it useful? Tell the world about us! PptxGenJS project
Thanks to everyone who supports this project! ❤
**
Copyright © 2015-2018 Brent Ely