Nitrogen Poisonous Monoxide

    jay-pptxgenjs
    TypeScript icon, indicating that this package has built-in type declarations

    3.1.2 • Public • Published

    PptxGenJS

    Create JavaScript PowerPoint Presentations

    PptxGenJS Sample Slides


    Known Vulnerabilities npm downloads jsdelivr downloads typescripts definitions

    Table of Contents

    Introduction

    This library creates Open Office XML (OOXML) Presentations which are compatible with Microsoft PowerPoint, Apple Keynote, and other applications.

    Features

    Extensive browser support

    • Create/download presentations on all current desktop & mobile web browsers
    • IE11 is supported via bundle polyfill

    Major PowerPoint object types

    • Slides can include Charts, Images, Media, Shapes, Tables, Text and more.
    • SVG images and YouTube videos are supported when viewed in PowerPoint online/2019+ desktop application

    Modern architecture

    • Supports client web browsers, NodeJS, and React/Angular/Electron
    • Export methods return promises
    • Client browsers have only a single dependency: JSZip
    • Easy Angular/React integration (available via npm, cjs or es files)
    • Typescript definitions included

    HTML to PowerPoint

    • Includes powerful HTML-to-PowerPoint feature to transform HTML tables into presentations with a single line of code

    Live Demo

    Use the online demo to create a simple presentation to see how easy it is to use pptxgenjs, or check out the complete demo which showcases every available feature.

    Installation

    CDN

    jsDelivr Home

    Bundle: Modern Browsers and IE11

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

    Min files: Modern Browsers

    <script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@3.1.1/libs/jszip.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@3.1.1/dist/pptxgen.min.js"></script>

    Download

    GitHub Latest Release

    Bundle: Modern Browsers and IE11

    <script src="PptxGenJS/dist/pptxgen.bundle.js"></script>

    Min files: Modern Browsers

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

    Npm

    PptxGenJS NPM Home

    npm install pptxgenjs --save

    Yarn

    yarn add pptxgenjs

    Additional Builds

    • CommonJS: dist/pptxgen.cjs.js
    • ES Module: dist/pptxgen.es.js

    Documentation

    Quick Start Guide

    PptxGenJS PowerPoint presentations are created via JavaScript by following 4 basic steps:

    Angular/React, ES6, TypeScript

    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", fill: "f1f1f1", align: pptx.AlignH.center };
    slide.addText(textboxText, textboxOpts);
     
    // 4. Save the Presentation
    pres.writeFile("Sample Presentation.pptx");

    Script/Web Browser

    // 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", fill: "f1f1f1", align: "center" };
    slide.addText(textboxText, textboxOpts);
     
    // 4. Save the Presentation
    pres.writeFile("Sample Presentation.pptx");

    That's really all there is to it!


    Library API

    Full documentation and code examples are available


    HTML-to-PowerPoint Feature

    Easily convert HTML tables to PowerPoint presentations in a single call.

    let pptx = new PptxGenJS();
    pptx.tableToSlides("tableElementId");
    pptx.writeFile("HTML2PPT.pptx");

    Learn more:


    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 code in the demos directory. There are demos for both client browsers, node and react that contain working examples of every available library feature.


    Contributors

    Thank you to everyone for the issues, contributions and suggestions! ❤️

    Special Thanks:

    PowerPoint shape definitions and some XML code via Officegen Project


    License

    Copyright © 2015-2020 Brent Ely

    MIT

    Install

    npm i jay-pptxgenjs

    DownloadsWeekly Downloads

    4

    Version

    3.1.2

    License

    MIT

    Unpacked Size

    2.04 MB

    Total Files

    12

    Last publish

    Collaborators

    • thangkieu